以下是一些常见的 NodeList 对象属性和方法:
常见属性:
1. length:
- 表示 NodeList 中节点的数量。
常见方法:
1. item(index):
- 返回位于指定索引处的节点。索引从 0 开始。
2. forEach(callback):
- 遍历 NodeList 中的每个节点,并对每个节点调用指定的回调函数。
3. entries():
- 返回一个包含 NodeList 中所有节点的迭代器。
4. keys():
- 返回一个包含 NodeList 中所有节点索引的迭代器。
5. values():
- 返回一个包含 NodeList 中所有节点的值的迭代器。
NodeList 通常表示一组具有相同标签名的节点,例如通过 getElementsByTagName 方法获得的节点列表。
var elements = document.getElementsByTagName('div'); // 返回一个包含所有 <div> 元素的 NodeList
console.log(elements.length); // 输出 NodeList 中 <div> 元素的数量
// 遍历 NodeList 中的每个节点
elements.forEach(function(element, index) {
console.log(index + ': ' + element.nodeName);
});
// 通过索引访问具体的节点
var firstElement = elements.item(0);
console.log(firstElement.nodeName);
请注意,NodeList 是一个类似数组的对象,但它不是真正的数组,因此不具备数组的所有方法。在现代 JavaScript 中,可以使用 Array.from 或 Array.prototype.slice.call 将 NodeList 转换为数组,以便使用数组的方法。例如:
var elementsArray = Array.from(elements); // 或者 Array.prototype.slice.call(elements);
elementsArray.forEach(function(element) {
console.log(element.nodeName);
});
转载请注明出处:http://www.zyzy.cn/article/detail/12165/XML