{site_name}

{site_name}

🌜 搜索

JavaScript DOM节点列表 (NodeList) 是一个类似数组的对象

前端 𝄐 0
js对dom节点的操作方法,dom中的节点,javascript节点操作,在dom中,节点与节点之间的关系可以有哪几种,js中dom节点常用属性,js常用操作dom节点的方法有哪些
JavaScript DOM节点列表 (NodeList) 是一个类似数组的对象,它包含在文档中按照特定顺序排列的一组节点。NodeList是DOM API的一部分,经常与其他DOM方法和属性一起使用,例如 document.querySelectorAll() 方法。

NodeList 对象具有 length 属性和可以通过索引访问的元素。但是,与数组不同,NodeList 不是可变的,也没有数组的方法(如 push、pop 和 splice)。它们也不支持迭代器。

下面是一个例子:

html
<ul id="myList">
<li>Item 1</li>
<li>Item 2</li>
<li class="special">Item 3</li>
</ul>


可以使用 document.getElementsByTagName() 或者 document.querySelectorAll() 获取一个 NodeList 对象,以获取匹配的元素:

javascript
const myList = document.getElementsByTagName('li');
console.log(myList.length); // 3

const specialItems = document.querySelectorAll('#myList .special');
console.log(specialItems.length); // 1


请注意,虽然 NodeList 类似于数组,但它们实际上不是数组。因此,如果您需要使用数组方法,请将 NodeList 转换为数组。例如:

javascript
const myList = document.getElementsByTagName('li');
const listArray = Array.from(myList); // 将 NodeList 转换为数组
listArray.forEach(function(li) {
console.log(li.textContent);
});