获取数组中的所有LI元素 [英] Get all LI elements in array

问题描述

如何让JS选择UL标签内的每个LI元素并将它们放入数组？

How can i make JS select every LI element inside a UL tag and put them into an array?

    <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）？

Can i make it so JS gets each of them into an array eg navbar['0'] would return document.getElementById("navbar-One")?

推荐答案

您可以通过以下方式获取NodeList使用 getElementsByTagName（） ，像这样：

You can get a NodeList to iterate through by using getElementsByTagName(), like this:

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

你可以在这里测试一下。这是一个 NodeList 不是一个数组，但确实有 .length 你可以像数组一样迭代它。

You can test it out here. This is a NodeList not an array, but it does have a .length and you can iterate over it like an array.

这篇关于获取数组中的所有LI元素的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！