更多"Try it Yourself"下面的例子。
定义和用法
Children属性返回元素的子元素的集合，为的HTMLCollection对象。
当它们出现在源代码中，并且可以通过索引号访问的集合中的元素进行排序。 该指数从0开始。
提示：可以使用的HTMLCollection对象的长度属性来确定子元素的数量，那么你可以通过所有儿童循环，并提取所需的信息。
此属性之间的差别的childNodes ，是的childNodes包含的所有节点，包括文本节点和注释节点，而孩子们只包含元素节点。
浏览器支持
在表中的数字规定，完全支持该财产浏览器版本。
| 属性 | |||||
|---|---|---|---|---|---|
| children | 2.0 | 9.0 * | 3.5 | 4 | 10.0 |
*注意：儿童属性在IE6完全支持IE8。 然而，在这些版本中，它返回一个元素节点和注释节点。 IE9 +只返回元素节点。
句法
element .children技术细节
| 返回值： | 一个活生生的HTMLCollection对象，表示元素节点的集合。 当它们出现在源代码中返回的集合中的元素进行排序 |
|---|---|
| DOM版本 | 核心1级元素对象 |
更多示例
例
改变的第二子元件的背景颜色<div>元素：
var c = document.getElementById("myDIV").children;
c[1].style.backgroundColor = "yellow"; 试一试» 例
得到所述第三子元素的文本(index 2) a的<select>元素：
var c = document.getElementById("mySelect").children[2].text;C的结果将是：
Saab 试一试» 例
通过所有儿童循环<body>和改变他们的背景色为红色：
var c = document.body.children;
var i;
for (i = 0; i < c.length; i++)
{
c[i].style.backgroundColor = "red";
} 试一试» 相关页面
HTML DOM参考： childNodes Property