javascript – 获取数组中的所有LI元素

前端之家收集整理的这篇文章主要介绍了javascript – 获取数组中的所有LI元素前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我如何使JS选择UL标签中的每个LI元素并将其放入数组?
  1. <div id="navbar">
  2. <ul>
  3. <li id="navbar-One">One</li
  4. ><li id="navbar-Two">Two</li
  5. ><li id="navbar-Three">Three</li
  6. ><li id="navbar-Four">Four</li
  7. ><li id="navbar-Five">Five</li>
  8. </ul>
  9. </div>

我可以让它让JS将它们中的每一个变成一个数组,例如
navbar [‘0’]会返回document.getElementById(“navbar-One”)?

解决方法

您可以通过使用 getElementsByTagName()得到一个NodeList进行遍历,如下所示:
  1. var lis = document.getElementById("navbar").getElementsByTagName("li");

You can test it out here.这是一个NodeList不是一个数组,但它有一个.length,你可以像数组一样遍历它.

猜你在找的JavaScript相关文章