1. 实时性(Live): NodeList 是实时的,意味着它会随着文档的变化而自动更新。如果文档中的节点发生变化(添加、删除、修改等),NodeList 也会相应地更新。
2. 零基索引(Zero-based Indexing): NodeList 中的节点索引从0开始,类似于数组。
3. 只读(Read-only): NodeList 是只读的,你不能直接通过索引或其他方式修改其中的节点。
4. length 属性: NodeList 具有 length 属性,表示其中节点的数量。
5. item() 方法: 通过 item(index) 方法可以获取 NodeList 中指定索引位置的节点。注意,这个方法也可以通过数组下标直接访问。
var nodeList = document.getElementsByTagName("p");
// 遍历 NodeList
for (var i = 0; i < nodeList.length; i++) {
console.log(nodeList[i].textContent);
}
// 或者使用 forEach
nodeList.forEach(function(node) {
console.log(node.textContent);
});
// 使用 item() 方法获取指定索引位置的节点
var firstNode = nodeList.item(0);
// 或者使用数组下标
var secondNode = nodeList[1];
在上述示例中,getElementsByTagName 返回一个 NodeList,其中包含所有 <p> 元素。通过遍历 NodeList,你可以访问其中的每个节点的内容。注意,这个 NodeList 是实时的,如果文档中的 <p> 元素发生变化,nodeList 也会自动更新。
转载请注明出处:http://www.zyzy.cn/article/detail/14577/XML DOM