[DOM] questions sur tableau et DOM

**beegees** · 21/04/2009, 19h10

Bonjour tout le monde,

J'analyse un code et je suis bloqué sur une fonction :

Dans le innerHTML d'un élément <p> j'ai ce code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<table border='1' cellspacing = '0' cellpadding = '4'>
<tr>
<td></td><th>1</th><th>2</th><th>3</th><th>4</th><th>5</th><th>6</th><th>7</th></tr><tr><th>1</th><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td></tr><tr><th>2</th><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td></tr><tr><th>3</th><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td></tr><tr><th>4</th><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td></tr><tr><th>5</th><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td>
</tr>
</table>

Dans une fonction, je récupère dans ce code HTML ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

var tableau = paragraphe_vue.childNodes[0].childNodes[0];

Sauriez-vous me dire ce que je récupère ?

J'ai bien sûr mis des alertes, voici ce que j'obtiens :

[object HTMLTableSectionElement]

Merci d'avance pour votre aide.

beegees

**emmanuel.remy** · 22/04/2009, 02h47

Salut,

Tu obtiens le TBODY. Même si tu n'en mets pas le navigateur en inscrit un pour toi.

D'autre part, note que en théorie "tu ne peux pas" mettre de TABLE dans un Paragraphe. Refais ton test avec Firefox et tu t'en apercevras. IE est un peu plus laxiste sur ce point.

Bonne continuation,

ERE

**Bovino** · 22/04/2009, 06h53

Note aussi que tu n'obtiendras pas le même résultat dans IE !
Voir la FAQ.

**beegees** · 22/04/2009, 09h18

Envoyé par emmanuel.remy

Salut,

Tu obtiens le TBODY. Même si tu n'en mets pas le navigateur en inscrit un pour toi.

D'autre part, note que en théorie "tu ne peux pas" mettre de TABLE dans un Paragraphe. Refais ton test avec Firefox et tu t'en apercevras. IE est un peu plus laxiste sur ce point.

Bonne continuation,

ERE

Salut Emmanuel,

Merci pour ta réponse.

TBody => corps du tableau

Je m'attendais plutôt à atteindre un tr ou un td.

J'utilise que firefox (quasi jamis IE sauf pour les tests).

Merci encore pour tout.

beegees

Envoyé par Bovino

Note aussi que tu n'obtiendras pas le même résultat dans IE !
Voir la FAQ.

Salut Bovino,

Merci pour ta réponse.

Merci aussi pour le lien de la faq que j'avais déjà lu hier attentivement.

Merci à toi pour ton brillant travail sur dvp.com.

beegees

**SpaceFrog** · 22/04/2009, 09h45

bien que tout ait été dit plus haut ...

j'y vais de mon petit exemple

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
<body>
<table>
</table>
<script type='text/javascript'>
alert(document.getElementsByTagName('table')[0].childNodes[0].tagName)
</script>
</body>

Attention ce code n'est pas valide, c'est juste pour l'exemple
Ajoutez à cela la différence d'interprétation des noeuds entre IE et FFX

Donc méfiance avec childNodes !

**beegees** · 22/04/2009, 09h53

Envoyé par SpaceFrog

bien que tout ait été dit plus haut ...

j'y vais de mon petit exemple

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
<body>
<table>
</table>
<script type='text/javascript'>
alert(document.getElementsByTagName('table')[0].childNodes[0].tagName)
</script>
</body>

Attention ce code n'est pas valide, c'est juste pour l'exemple
Ajoutez à cela la différence d'interprétation des noeuds entre IE et FFX

Donc méfiance avec childNodes !

Merci SpaceFrog,

Je vais tester ton exemple.

beegees

[DOM] questions sur tableau et DOM

JavaScript

Discussions similaires

Partager

Partager