Méthode getElementById

Version imprimable

21/01/2009, 15h23
fuhraih

Méthode getElementById
Bonjour,

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

Code:

document.getElementById('ds_calclass')

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

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.
21/01/2009, 15h25
SpaceFrog

a quelle moment la ligne est elle interprétée ?
tu as sans doute un souci d'instanciation
21/01/2009, 15h30
E.Bzz

Bonjour,

Citation:

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+
21/01/2009, 15h33
fuhraih

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:

<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).
21/01/2009, 15h35
SpaceFrog

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 ???
21/01/2009, 15h37
fuhraih
Elle est appelée lorsque je clique dans un champ, afin de faire apparaître un texte dans le tableau
Code:

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';
21/01/2009, 15h40
E.Bzz

Citation:

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+
21/01/2009, 15h41
fuhraih

Code:

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

renvoie null
21/01/2009, 15h45
fuhraih

Citation:

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

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

Code:

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 ? ...

Je crois avoir trouvé une piste. Mon code ressemble plutôt à ça :
Code:

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>
Donc au moment du chargement de la page, toto est instancié alors que ds_conclass ne l'est pas encore...
C'est ça?

21/01/2009, 15h54
fuhraih

OK, c'est bien ça, en passant toto dans la fonction tout marche.

Merci beaucoup pour votre aide très rapide !!!

:king:
21/01/2009, 15h55
SpaceFrog

voilà tu as tout compris ...

tu renseignes toto alors que l'objet n'existe pas encore ..
21/01/2009, 16h00
E.Bzz

Citation:

Envoyé par fuhraih

Je crois avoir trouvé une piste. Mon code ressemble plutôt à ça :

Tu aurais donné ça d'entrée, tu aurais eu la réponse à 15h25 ;)

A+
21/01/2009, 16h09
SpaceFrog

lol oui
15:25:

Citation:

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