最新的Web开发教程
 

HTML DOM childNodes Propery

<元素对象

例

获取集合<body>元素的子节点：

var c = document.body.childNodes;
试一试»

更多"Try it Yourself"下面的例子。

定义和用法

该物业的childNodes返回一个节点的子节点的集合，作为一个NodeList对象。

当他们出现在源代码，并可以通过索引号来访问集合中的节点进行排序。 该指数从0开始。

注：内部元素空白被视为文本和文本被视为节点。 评论也被视为节点。

提示：您可以使用长度的NodeList对象的属性来确定子节点的数量，那么你可以通过所有子节点循环，并提取所需的信息。

此属性为只读。

提示：要返回节点的元素节点的集合(excluding text and comment nodes) ，使用儿童属性。

提示： 元件 .childNodes [0]将产生相同的结果则firstChild属性。

浏览器支持

属性
childNodes 是 是 是 是 是

句法

element .childNodes

技术细节

返回值： 的NodeList对象，表示节点的集合。 当它们出现在源代码返回集合中的节点进行排序
DOM版本 核心1级元素对象
例子

更多示例

例

找出多少个子节点一个<div>元素有：

var c = document.getElementById("myDIV").childNodes.length;

C的结果将是：

5
试一试»

例

改变第二子节点的背景颜色(index 1) a的<div>元素：

var c = document.getElementById("myDIV").childNodes;
c[1].style.backgroundColor = "yellow";
试一试»

例

得到所述第三子节点的文本(index 2) a的<select>元素：

var c = document.getElementById("mySelect").childNodes[2].text;

C的结果将是：

Saab
试一试»

相关页面

HTML DOM参考： 节点。 则firstChild属性

HTML DOM参考： 节点。 lastChild属性

HTML DOM参考： 节点。 parentNode属性

HTML DOM参考： 节点。 nextSibling属性

HTML DOM参考： 节点。 previousSibling属性

HTML DOM参考： 节点。 nodeName属性

<元素对象