XML DOM firstChild 屬性

Element 對象

定義和用法

firstChild 屬性返回所選元素的第一個子節點

如果所選節點沒有子節點，則此屬性返回 NULL。

語法

elementNode.firstChild
Tips and Notes

注意：Firefox 和大多數其他瀏覽器會將空白或換行視為文本節點，而 Internet Explorer 不會。因此，在下面的例子中，我們用一個函數來檢查第一個子節點的節點類型。

元素節點的 nodeType 為 1，因此如果第一個子節點不是元素節點，它將移動到下一個節點，并檢查該節點是否是元素節點。這會一直持續到找到第一個子節點（必須是元素節點）。這樣，結果在所有瀏覽器中都是正確的。

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

實例

下面的代碼將 "books.xml" 加載到 xmlDoc 中，并獲取第一個子節點：

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 get_firstchild(n) {
    var x = n.firstChild;
    while (x.nodeType != 1) {
        x = x.nextSibling;
    }
    return x;
}
function myFunction(xml) {
    var x, i, txt, firstNode, xmlDoc;
    xmlDoc = xml.responseXML;
    x = xmlDoc.documentElement;
    txt = "";
    firstNode = get_firstchild(x);
    for (i = 0; i < firstNode.childNodes.length; i++) {
        if (firstNode.childNodes[i].nodeType == 1) {
            // 僅處理元素節點
            txt += firstNode.childNodes[i].nodeName +
            " = " +
            firstNode.childNodes[i].childNodes[0].nodeValue + "<br>";
        }
    }
    document.getElementById("demo").innerHTML = txt;
}

親自試一試

Element 對象