XML DOM firstChild özelliği

Element Nesnesi

tanımlama ve kullanım

firstChild Özellik, seçilen elementin ilk alt düğümünü döner

Seçilen düğümün alt düğümleri yoksa, bu özellik NULL döner.

Sözdizimi

elementNode.firstChild
İpuçları ve Notlar

Dikkat:Firefox ve çoğu diğer tarayıcı, boşluk veya satır başlarını metin düğümleri olarak algılar, Internet Explorer ise değil. Bu nedenle, aşağıdaki örnekte, ilk alt düğümün düğüm türünü kontrol eden bir fonksiyon kullanıyoruz.

Element düğümünün nodeType'ı 1 olduğundan, ilk alt düğüm element düğümü değilse, bir sonraki düğüme taşınır ve bu düğümün element düğümü olup olmadığı kontrol edilir. Bu, ilk element düğümüne kadar devam eder (olmalıdır). Bu şekilde, tüm tarayıcılar için sonuç doğru olur.

İ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üne gidin.

Örnek

Aşağıdaki kod, "books.xml" dosyasını xmlDoc'a yükler ve ilk alt düğümü alır:

var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
   if (this.readyState == 4 && this.status == 200) {
       myFunction(this);
   }
};
xhttp.open("GET", "books.xml", true);
xhttp.send();
// İlk düğümün element düğümü olup olmadığını kontrol eder
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) {
            // Yalnızca element düğümleri işlenir
            txt += firstNode.childNodes[i].nodeName +"}}"
            " = " +
            firstNode.childNodes[i].childNodes[0].nodeValue + "<br>";
        }
    }
    document.getElementById("demo").innerHTML = txt;
}

Kişisel olarak deneyin

Element Nesnesi