[debutant] document.getElementById("id") has no properties ?

**ThitoO** · 05/04/2008, 18h18

Bonjour � tous,
Je suis tout nouveau dans l'univers javascript et j'aimerai avoir vos lumieres � propos d'un bug que je ne comprend pas

Voici mon code JS:

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

document.getElementById("id").innerHTML="aaa";

et mon Code html:

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

<span id="id">rrr</span>

Quand je teste dans firefox, rien ne se passe, et dans la console Firebug j'ai droit � un joli

document.getElementById("id") has no properties
[Break on this error] document.getElementById("id").innerHTML="aaa";

Est-ce que quelqu'un a une id�e ?
Parce que j'applique exactement ce que j'ai lu dans un cours ...

**SpaceFrog** · 05/04/2008, 18h32

a quel moment la ligne est elle interpr�t�e ???

Il faut que l'objet soit instanci� (existe)

prenons un exemple:

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
 
<html>
<head>
<title>Nouvelle page 1</title>
</head>
<body>
<script type='text/javascript'>
alert(document.getElementById('id').id);
</script>
<div id='id'></div>
</body>

au moment de l'interpr�tation du le ligne le div n'existe pas encore ...

En mettant la ligne de script apr�s cela fonctionne

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
12
 
<html>
<head>
<title>Nouvelle page 1</title>
</head>
<body>
<div id='id'></div>
<script type='text/javascript'>
alert(document.getElementById('id').id);
</script>
 
</body>

</html>

Il faut donc attendre que l'objet soit instanci� ...
Alors me diras tu il faut mettre les scripts en fin de page ?
Non il faut bien les mettre dans le head, mais ne les declancher qu'une fois tous les objets de la page instanci�s ...avec l'�v�nement onload du body ou window.onlaod

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
<html>
<head>
<script type='text/javascript'>
function foo(){
alert(document.getElementById('id').id);
}
</script>
<title>Nouvelle page 1</title>
</head>
<body onload="foo()">
<div id='id'></div>
</body>
</html>

Accessoirement il vaut mieux �viter de nommer une variable id ou tout autre mot "reserv�" cela ne peut qu'entrainer confusion dasn le code et parfois cr�er des conflits ...

**ThitoO** · 05/04/2008, 18h42

Effectivement tu as raison SpaceFrog ... le script que j'ai dans mon bookin se trouve dans une fonction, qui se declenche quand on click sur un bouton

donc quand la page est "termin�e".

Pour ce qui est du nom de la variable, c'etait juste un test, pour etre sur de pas faire de fautes de frappe dans mon code JS

Merci beaucoup

(ps: SpaceFrog tu habite ici on dirait, c'etait d�j� toi qui m'a aidait quand je commencait le html il y a plus de 3 ans

)
Merci pour tes bon conseils