Utilisation de l'attribut innerHTML

Version imprimable

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:

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.

21/05/2010, 15h43
vermine

Bonjour,

Vous ne pouvez pas faire de innerHTML sur une balise <b>. :aie:
21/05/2010, 15h55
Rony Rauzduel
Même en créant une balise <div> de la sorte
Code:

1 2 <div id='boldStuff'>dude</div>
le résultat est le même.

Sophonie.
21/05/2010, 16h16
Invité

et de cette facon

Code:

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

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

Code:

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>

l'id dans la balise p

Code:

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

21/05/2010, 18h00
vermine

Auriez-vous deux fois le même id dans la page ? Ou deux fois le même nom de fonction ?
21/05/2010, 20h51
Bovino

Code:

<script type="text/javascript">
25/05/2010, 09h49
Rony Rauzduel

Impeccable.
Résolu.