nodeValue et cellule d'un tableau

**Sephi_999** · 19/01/2014, 19h11

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 html :

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

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 :

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

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

**SylvainPV** · 19/01/2014, 20h17

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

Code :

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

document.querySelectorAll("#mytable td");

**Watilin** · 19/01/2014, 20h49

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.

**NoSmoking** · 20/01/2014, 18h57

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

Code :

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

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);
}

nodeValue et cellule d'un tableau

JavaScript

Discussions similaires

Partager

Partager