javascript - 获取数组中所有LI元素

Question

如何让 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")？

Answer 1

您可以使用 getElementsByTagName() 获取要迭代的 NodeList ，像这样:

var lis = document.getElementById("navbar").getElementsByTagName("li");

You can test it out here 。这是NodeList不是一个数组，但它确实有一个 .length 并且您可以像数组一样迭代它。