javascript - 通过javascript中的div类访问li元素

Question

假设我有以下 HTML：

 <div class="listItems">
    <ul>
        <li>Image</li>
        <li>Image</li>
        <li>Image</li>
        <li>Image</li>
        <li>Image</li>
    </ul>
</div>

我无法更改此基本 HTML，但我可以使用 JavaScript 进行更改。

此列表将出现在多个页面上并且长度不同，我想要做的是获取列表中的项目并删除一定数量的项目，以便列表默认包含 3 个项目（例如） .

由于 ul 和 li 项目没有 class 属性，我如何从给定的 div 类中访问列表项目以实现上述目的？

标签： javascripthtml

Answer 1

document.querySelectorAll('.listItems ul li');