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>