javascript - 计算 HTML 列表中显示元素的数量

Question

我有一个显示的列表项列表:默认情况下没有。我以编程方式将其中的一定数量更改为列表项。

我一直在尝试使用 querySelectorAll 但是当我尝试时:

document.querySelectorAll("#ulname style[display*='list-item']")

它返回一个空数组(我知道它至少是一个)。

关于如何修改我的选择器或其他方法的想法？我想知道显示了多少元素。

Answer 1

   var liList = document.getElementById("myul").getElementsByTagName("li");

   var largo = liList.length

   alert(largo);

WHERE "myul"是列表的 ID，largo 是 li 元素的数量

<ul id="myul">
    <li>hello</li>
    <li>world</li>
</ul>

警报将是 2

<ul id="myul">
    <li>hello</li>
    <li>world
        <ul>
            <li>here we are</li>
        <ul>
    </li>
</ul>

警报将是 3