XML DOM lastChild özelliği

Tanım ve Kullanım

lastChild Belirtilen düğümün en son alt düğümünü döndüren özellik.

Dilbilgisi

nodeObject.lastChild

Dikkat:Firefox ve çoğu diğer tarayıcı, boşluk veya satır boşluğunu metin düğümü olarak görürken, Internet Explorer bunu yapmaz. Bu nedenle, aşağıdaki örnekte, en son alt düğümün düğüm türünü kontrol etmek için bir fonksiyon kullanıyoruz.

Element节点的 nodeType 为 1，因此如果最后一个子节点不是元素节点，将移动到前一个节点，并检查该节点是否是元素节点。这会一直持续到找到最后一个子节点（必须是元素节点）。这样，结果在所有浏览器中都是正确的。

İpucu:Tarayıcılar arasındaki farklılıklar hakkında daha fazla bilgi edinmek için XML DOM Eğitimindeki DOM Tarayıcı Bölümünü ziyaret edin.

örnek

örnek 1

Aşağıdaki kod "books.xml" dosyasını xmlDoc içine yükler ve belge son altın adının adını gösterir:

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_lastchild(n) {
    var x = n.lastChild;
    while (x.nodeType != 1) {
        x = x.previousSibling;
    }
    return x;
}
function myFunction(xml) {
    var xmlDoc = xml.responseXML;
    var x = get_lastchild(xmlDoc);
    document.getElementById("demo").innerHTML =
    "Nodename: " + x.nodeName +"
    " (nodetype: " + x.nodeType + ")<br>";
}

Kişisel Deneyim

örnek 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 get_firstchild(n) {
    var x = n.firstChild;
    while (x.nodeType != 1) {
        x = x.nextSibling;
    }
    return x;
}
function myFunction(xml) {
    var xmlDoc = xml.responseXML;
    // 获取文档的第一个子节点
    var x = get_firstchild(xmlDoc);
    // 获取根元素的第一个子节点
    var y = get_firstchild(xmlDoc.documentElement);
    document.getElementById("demo").innerHTML =
    "Nodename: " + x.nodeName +" 
    " (nodetype: " + x.nodeType + ")<br>" +
    "Nodename: " + y.nodeName + 
    " (nodetype: " + y.nodeType + ")<br>";
}

Kişisel Deneyim