element.childNodes

最新推荐文章于 2022-06-27 20:05:48 发布

原创最新推荐文章于 2022-06-27 20:05:48 发布 · 629 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#list #each #object

JavaScript 专栏收录该内容

13 篇文章

订阅专栏

本文介绍如何使用childNodes属性来遍历和操作DOM元素的子节点，包括检查元素是否有子元素、获取子元素集合及移除所有子元素的方法。

childNodes 返回包含当前元素的子元素的集合.

// parg 是一个到 <p> 元素的引用
if (parg.hasChildNodes()) {
// 首先我们检查它是否包含子元素
   var children = parg.childNodes;
   for (var i = 0; i < children.length; i++) {
   // do something with each child as children[i]
   // NOTE: List is live, Adding or removing children will change the list
   };
};

// This is one way to remove all children from a node
// box is an object refrence to an element with children
while (box.firstChild) {
    //The list is LIVE so it will re-index each call
    box.removeChild(box.firstChild);
};
集合的元素是一个节点而不是字符串.要从集合的元素获取数据,你必须使用它们的属性(例如:用

elementNodeReference.childNodes[1].nodeName 获取它们的名称, 等等.).