nodeValue et cellule d'un tableau

Version imprimable

Bonjour à toutes et à tous,

je cherche à afficher le texte d'une cellule d'un tableau via la méthode nodeValue, mais lorsque j'utilise "alert(maVariable.nodeValue);" pour l'afficher, la fenêtre affichée est vide.

Voici mon code html :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 <body> <table id="myTable"> <tr> <td>Cellule 1</td> <td>Cellule 2</td> <td>Cellule 3</td> </tr> <tr> <td>Cellule 1</td> <td>Cellule 2</td> <td><input type="button" value="afficher" onClick="essai();"></td> </tr> </table> </body>
et voici le code javascript associé :
Code:

1 2 3 4 5 6 7 function essai(){ var table = document.getElementById('myTable'); var ligne = table.firstElementChild; var cellule = ligne.firstElementChild; var noeudText = cellule.firstChild; alert(noeudText.nodeValue); }
Lorsque je fais alert(noeudText.nodeName);, une fenêtre m'affiche "#text", ce qui me fait penser que j'ai bien ciblé le noeud.

Alors, erreur de ma part ou incompatibilité liée aux tableaux ?

Merci d'avance à celles et ceux qui pourront me débloquer !

Sephi

19/01/2014, 20h17
SylvainPV

Les navigateurs complètement le DOM du tableau en ajoutant un tag <tbody>. Pour un code plus sûr, utilise plutôt

Code:

document.querySelectorAll("#mytable td");
19/01/2014, 20h49
Watilin

Sur les nœuds textes, la propriété data est un alias de nodeValue. Je préfère m'en servir car c'est plus court, et à la lecture du code, ça indique au premier coup d'œil qu’on a affaire à un nœud texte.

Sinon, sur les éléments html il y a la propriété « magique » textContent qui est une concaténation de tous les nœuds textes descendants. Pratique, mais peut-être un peu moins propre. Et ça ne marche pas sous IE<9.

Boonjour,
il existe aussi les collections rows et cells qui peuvent facilité les accès.

Code:

1
2
3
4
5
6
7
function essai(){
    var table = document.getElementById('myTable');
    var ligne = table.rows[0];
    var cellule = ligne.cells[0];
    var noeudText = cellule.firstChild;
    alert(noeudText.nodeValue);
}