概述
Node.childNodes 返回包含指定节点的子节点的集合,该集合为即时更新的集合(live collection)。
语法
var ndList = elementNodeReference.childNodes;
ndList变量为 NodeList
类型,且为只读。
例子
// parg 是一个到 <p> 元素的引用 if (parg.hasChildNodes()) // 首先我们检查它是否包含子节点 { var children = parg.childNodes; for (var i = 0; i < children.length; i++) { // children[i]就是遍历到的每个子节点. // 注意:该NodeList对象为LIVE类型的NodeList, 添加或删除子节点都会实时的改变整个NodeList对象. }; };
//下面的方法可以删除节点box的所有子节点 while (box.firstChild) { //box为LIVE类型的NodeList,所以firstChild属性每次会指向不同的子节点 box.removeChild(box.firstChild); };
备注
集合的元素是一个节点而不是字符串。要从集合的元素获取数据,你必须使用它们的属性(例如:用 elementNodeReference.childNodes[1].nodeName
获取它们的名称,等等)。
document
节点(文档节点)包含两个子节点: Doctype 声明和根节点。根节点通常为 documentElement
引用,且在 (X)HTML 文档中为 HTML 元素。