XML DOM childNodes 屬性

定義和用法

childNodes 屬性返回包含所選節點的子節點的 NodeList。

如果所選節點沒有子節點，則此屬性返回不包含節點的 NodeList。

提示：如需循環遍歷 childNodes 列表，使用 nextSibling 屬性比顯式使用父對象的 childNodes 列表更有效。

語法

elementNode.childNodes

實例

例子 1

下面的代碼將 "books.xml" 加載到 xmlDoc 中，并從 "books.xml" 中的第一個 <title> 元素獲取文本節點：

var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
   if (this.readyState == 4 && this.status == 200) {
       myFunction(this);
   }
};
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;
}

親自試一試

例子 2

var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
        myFunction(this);
    }
};
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;
}

親自試一試

Firefox 和大多數其他瀏覽器會將空白或換行視為文本節點，而 Internet Explorer 不會。因此，在上面的例子中，輸出將會有所不同。

如需了解有關瀏覽器之間差異的更多信息，請訪問 XML DOM 教程中的 DOM 瀏覽器章節。