M�thode getElementById

**fuhraih** · 21/01/2009, 15h23

Bonjour,

dans un fichier .js li� � ma page Web, j'ai le code suivant :

Code :

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

document.getElementById('ds_calclass')

Dans mon code HTML, j'ai le code suivant :

Code :

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

1
2
3
4
<table class="ds_box" cellpadding="0" cellspacing="0" id="ds_conclass">
<tr><td id="ds_calclass">
</td></tr>
</table>

Or, le code javascript renvoie la valeur null... Comment cela se fait-il ?

Merci d'avance pour vos r�ponses.

**SpaceFrog** · 21/01/2009, 15h25

a quelle moment la ligne est elle interpr�t�e ?
tu as sans doute un souci d'instanciation

**E.Bzz** · 21/01/2009, 15h30

Bonjour,

Envoy� par fuhraih

Or, le code javascript renvoie la valeur null...

Quelle instructions exactement ?

Si c'est le innerHTML, rien d'anormal ...
Le .value non plus (puisque inexistant)

A+

**fuhraih** · 21/01/2009, 15h33

Mon code Javascript est dans un fichier.
En regardant le code source de la page g�n�r�e, je retrouve bien le fichier dans les ent�tes (l15 du fichier) :

Code :

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

<script type="text/javascript" src="/chemindemesJS/calendar.js"></script>

Mon code HTML avec l'ID est situ� dans le body de ma page (ligne 265).

**SpaceFrog** · 21/01/2009, 15h35

la ligne de code fait elle partie d'une fonction app�lm�e sur le onlaod de la page ou est elle directement appel�e ???

**fuhraih** · 21/01/2009, 15h37

Elle est appel�e lorsque je clique dans un champ, afin de faire appara�tre un texte dans le tableau

Code :

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

1
2
3
4
<table class="ds_box" cellpadding="0" cellspacing="0" id="ds_conclass">
<tr><td id="ds_calclass">
</td></tr>
</table>

Je l'utilise comme �a :
document.getElementById('ds_calclass').innerHTML = 'coucou';

**E.Bzz** · 21/01/2009, 15h40

Envoy� par fuhraih

Je l'utilise comme �a :
document.getElementById('ds_calclass').innerHTML = 'coucou';

On peut voir �a replac� dans le reste du code ?

A+

**fuhraih** · 21/01/2009, 15h41

Code :

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

alert(document.getElementById('ds_calclass'));

renvoie null

**fuhraih** · 21/01/2009, 15h45

On peut voir �a replac� dans le reste du code ?

Chose bizarre, si le code javascript est plac� apr�s mon tableau HTML, �a marche. Si j'�cris le tableau HTML puis le code javascript �a ne marche pas.

Mais je voudrais mettre le code javascript pour �viter de polluer mon code HTML

**SpaceFrog** · 21/01/2009, 15h46

je n'ai aucun probl�me avec ce bout de code ...

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
<script type='text/javascript'>
function foo(){
document.getElementById('ds_calclass').innerHTML = 'coucou';
}
</script>
 
 
</head>
 
<body>
<table class="ds_box" cellpadding="0" cellspacing="0" id="ds_conclass">
<tr><td id="ds_calclass" onclick='foo()'> hello
</td></tr>
</table>
</body>

ton souci vient d'ailleurs ...
syntaxe ? instanciation ? ...

**fuhraih** · 21/01/2009, 15h52

Je crois avoir trouv� une piste. Mon code ressemble plut�t � �a :

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
script type='text/javascript'>
var toto = document.getElementById('ds_calclass');
function foo(){
toto.innerHTML = 'coucou';
}
</script>
 
 
</head>
 
<body>
<table class="ds_box" cellpadding="0" cellspacing="0" id="ds_conclass">
<tr><td id="ds_calclass" onclick='foo()'> hello
</td></tr>
</table>
</body>