Discussion :

[Mookie]

Bonjour,

Débutant en DOM, j'avoue que je m'y perds un peu.
Je voudrai afficher les valeurs des LI (aaa, bbb).
J'ai donc le code HTML suivant :

Code :

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

1
2
3
4
5
 
<ul id="tree">
        <li class="folder">aaa</li>
	<li class="folder">bbb</li>
</ul>

Et :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
checkTree:function() {
	var root=document.getElementById('tree');
	var nodeList=root.getElementsByTagName("UL");
	var node;
	for(var i=0; i<nodeList.length; i++)
	{
		node=nodeList.item(i);
		window.alert(node.nodeValue);
	}
	window.alert(i);
}

Le problème c'est que node.nodeValue ne fonctionne pas.
Quelqu'un pourrait-il m'aider?

Merci d'avance!

[SpaceFrog]

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 CheckTree() {
   var root=document.getElementById('tree');
   var nodeList=root.getElementsByTagName("li");
   var node;
 
   for(var i=0; i<nodeList.length; i++)
   {
      node=nodeList[i];
      window.alert(node.firstChild.data);
   }
} 
 
</script>

tu avais mis ul à la place de li et mal parcouru la collection (i) au lieu de [i]

ou innerHTML aulieu de firstChild.data si tu ne veux pas avoir a utiliser un nodeCleaner ..

[Mookie]

Merci beaucoup.
Si tu connais un site assez complet sur DOM, ce serait gentil de me le communiquer!