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

Question

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

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

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

它返回一个空数组(我知道它至少有一个).

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

Answer 1

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

   var largo = liList.length

   alert(largo);

" 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