[DOM] Boucler sur des <li>
Bonjour,
j'aimerais boucler sur tous les <li> d'un div précis comme ci-dessous afin d'afficher la valeur href :
Code:
1
2
3
4
5
6
7
8
9
| <div id="truc">
<ul>
<li><a href="a.html">A</a></li>
<li><a href="b.html">B</a></li>
<li><a href="c.html">C</a></li>
<li><a href="d.html">D</a></li>
<li><a href="e.html">E</a></li>
</ul>
</div> |
Malheureusement, mon code ne fonctionne pas :
Code:
1
2
3
4
5
6
7
8
| var menu = document.getElementById('menu');
var ul = menu.childNodes.firstChild;
var nbLi = ul.childNodes.length;
for (var num=0; num<nbLi; i++) {
var a = ul.li[num].a
var href = a.getAttribute('href');
alert(href);
} |
Pourriez-vous m'indiquer ce qui ne va pas ?
Merci d'avance
@+ :)
