XML DOM childNodes 属性

定义和使用

childNodes 属性返回一个 NodeList，其中包含选定节点的子节点。

如果所选节点没有子节点，则此属性返回不包含任何节点的 NodeList。

浏览器支持

Internet Explorer	Chrome	FireFox	Safari	Opera

8.0（包含）以上支持	4.0（包含）以上支持	2.0（包含）以上支持	3.0（包含）以上支持	9.0（包含）以上支持

所有主流的浏览器均支持 childNodes 属性。

语法

elementNode.childNodes

参数

参数	类型	描述
无

示例

以下代码片段将 "books.xml" 加载到 xmlDoc 中，并从 "books.xml" 中的第一个<title>元素获取文本节点：

<!DOCTYPE html>
<html>
<body>

<p id="demo"></p>

<script>
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
    if (xhttp.readyState == 4 && xhttp.status == 200) {
        myFunction(xhttp);
    }
};
xhttp.open("GET", "books.xml", true);
xhttp.send();

function myFunction(xml) {
    var xmlDoc = xml.responseXML;
    var x = xmlDoc.getElementsByTagName('title')[0];
    var y = x.childNodes[0];
    document.getElementById("demo").innerHTML =
    y.nodeValue; 
}
</script>

</body>
</html>

尝试一下

以下代码片段将 "books.xml" 加载到 xmlDoc 中，并从 "books.xml" 中的第一个<book>元素获取子节点数：

<!DOCTYPE html>
<html>
<body>

<p id="demo"></p>

<script>
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
    if (xhttp.readyState == 4 && xhttp.status == 200) {
        myFunction(xhttp);
    }
};
xhttp.open("GET", "books.xml", true);
xhttp.send();

function myFunction(xml) {
    var xmlDoc = xml.responseXML;
    var x = xmlDoc.getElementsByTagName("book")[0].childNodes;
    document.getElementById("demo").innerHTML =
    x.length;
}
</script>

</body>
</html>

尝试一下

上面代码的输出将是：

在IE9和更早版本中，以上代码的输出将是：

Firefox 和大多数其他浏览器会将空白或换行视为文本节点，而 Internet Explorer 则不会。因此，在上面的示例中，输出将不同。