[DOM] questions sur tableau et DOM

Version imprimable

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:

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:

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 :

Citation:

[object HTMLTableSectionElement]

Merci d'avance pour votre aide.

beegees

22/04/2009, 02h47
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
22/04/2009, 06h53
Bovino

Note aussi que tu n'obtiendras pas le même résultat dans IE !
Voir la FAQ.
22/04/2009, 09h18
beegees

Citation:

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 8O

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

Citation:

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
22/04/2009, 09h45
SpaceFrog
bien que tout ait été dit plus haut ...

j'y vais de mon petit exemple
Code:

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 !
22/04/2009, 09h53
beegees
Citation:
Envoyé par SpaceFrog

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

j'y vais de mon petit exemple

Code:

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