Utilisation de l'attribut innerHTML

**Rony Rauzduel** · 21/05/2010, 15h38

Bonjour à toutes et à tous,

En utilisant le code suivant dans mon navigateur Firefox 3.5.9 sous Linux, je n'arrive pas à exécuter le code suivant :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
 <html>
 <head>
        <script language="text/javascript">
                  function changeText() {
                          document.getElementById('boldStuff').innerHTML = 'Fred Flinstone';
                  }
         </script>
  </head>
 
  <body>
         <p>Welcome to the site <b id='boldStuff'>dude</b></p>
         <input type='button' onclick='changeText()' value='Change Text'/>
  </body>
  </html>

J'ai installer le module DOM Inspector de Firefox, faut-il cocher une
option pour activer la modification du DOM (j'en doute mais bon ...).
Faut-il activer
Merci d'avance.
Sophonie.

**vermine** · 21/05/2010, 15h43

Bonjour,

Vous ne pouvez pas faire de innerHTML sur une balise <b>.

**Rony Rauzduel** · 21/05/2010, 15h55

Même en créant une balise <div> de la sorte

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<div id='boldStuff'>dude</div>

le résultat est le même.

Sophonie.

Invité · 21/05/2010, 16h16

et de cette facon

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.getElementById('boldStuff').firstChild.nodeValue="Fred Flinstone";

**Rony Rauzduel** · 21/05/2010, 16h31

Même avec le code suivant ça ne marche pas :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
<html>
<head>
	<script language="text/javascript">
		function changeText() {
			document.getElementById('boldStuff').firstChild.nodeValue="Fred Flinstone";
		}
	</script>
</head>
 
<body>
	<div id="boldStuff">
	<p>dude</p>
	<input type='button' onclick='changeText()' value='Change Text'/>
	</div>
</body>
</html>

Invité · 21/05/2010, 17h58

l'id dans la balise p

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
<div>
	<p id="boldStuff">dude</p>
	<input type='button' onclick='changeText()' value='Change Text'/>
	</div>

**vermine** · 21/05/2010, 18h00

Auriez-vous deux fois le même id dans la page ? Ou deux fois le même nom de fonction ?

**Bovino** · 21/05/2010, 20h51

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<script type="text/javascript">

**Rony Rauzduel** · 25/05/2010, 09h49

Impeccable.
Résolu.

Utilisation de l'attribut innerHTML

JavaScript

Discussions similaires

Partager

Partager