上一节:
下一节:

  JavaScript Element childNodes 属性

  • JavaScript Element childNodes 属性

    childNodes属性返回节点的子节点的集合，作为NodeList对象。集合中的节点按照它们在源代码中出现的顺序进行排序，并且可以通过索引号进行访问。索引从0开始。此属性是只读的。
    注意：元素内的空格被视为文本，文本被视为节点。注释也被视为节点。
    提示：您可以使用NodeList对象的length属性来确定子节点的数量，然后您可以遍历所有子节点并提取所需的信息。
    提示：要返回节点元素节点的集合（文本和注释节点除外），请使用children属性。
    提示： element.childNodes[0]将产生与firstChild属性相同的结果。
    实例：
    获取<body>元素的子节点的集合： 
    var c = document.body.childNodes;
    尝试一下

  • 浏览器支持

    项 IE/Edge Chrome FireFox Safari Opera
    属性
    childNodes
    支持
    支持
    支持
    支持
    支持

  • 语法

    element.childNodes

  • 技术细节

    项目 描述
    返回值： NodeList对象，表示节点集合。返回集合中的节点按源代码中的显示进行排序
    DOM版本 Core Level 1

  • 更多例子

    找出<div>元素有多少个子节点： 
    var c = document.getElementById("myDIV").childNodes.length;
    尝试一下
    更改<div>元素的第二个子节点（索引1）的背景颜色： 
    var c = document.getElementById("myDIV").childNodes;
c[1].style.backgroundColor = "yellow";
    尝试一下
    获取<select>元素的第三个子节点（索引2）的文本： 
    var c = document.getElementById("mySelect").childNodes[2].text;
    尝试一下

  • 相关页面

    HTML DOM 参考： node.firstChild 属性
    HTML DOM 参考： node.lastChild 属性
    HTML DOM 参考： node.parentNode 属性
    HTML DOM 参考： node.nextSibling 属性
    HTML DOM 参考： node.previousSibling 属性
    HTML DOM 参考： node.nodeName 属性
返回 HTML DOM Element 参考
上一节:
下一节: