我如何使JS选择UL标签中的每个LI元素并将其放入数组?
- <div id="navbar">
- <ul>
- <li id="navbar-One">One</li
- ><li id="navbar-Two">Two</li
- ><li id="navbar-Three">Three</li
- ><li id="navbar-Four">Four</li
- ><li id="navbar-Five">Five</li>
- </ul>
- </div>
我可以让它让JS将它们中的每一个变成一个数组,例如
navbar [‘0’]会返回document.getElementById(“navbar-One”)?
解决方法
您可以通过使用
getElementsByTagName()
得到一个NodeList进行遍历,如下所示:
- var lis = document.getElementById("navbar").getElementsByTagName("li");
You can test it out here.这是一个NodeList不是一个数组,但它有一个.length,你可以像数组一样遍历它.