XML DOM firstChild 属性

Element 对象

定义和用法

firstChild Sifat ini mengembalikan hala anak pertama hala yang dipilih

Jika hala yang dipilih tiada hala anak, sifat ini akan mengembalikan NULL.

Sintaks

elementNode.firstChild
TIPS dan CATATAN

Perhatian:Firefox dan kebanyakan pelayar lain akan menganggap ruang kosong atau baris kosong adalah hala teks, manakala Internet Explorer tidak. Oleh itu, di contoh di bawah ini, kami menggunakan fungsi untuk memeriksa jenis hala jenis pertama anak.

Hala element akan mempunyai nodeType 1, jadi jika hala anak pertama bukan hala element, dia akan pindah ke hala berikutnya dan memeriksa sama ada hala itu adalah hala element. Ini akan terus berlaku sehingga mendapatkan hala anak pertama (mesti hala element). Demi itu, hasilnya akan betul di semua pelayar.

Panduan:Untuk mendapatkan maklumat lanjut tentang perbezaan di antara pelayar, lawati bab DOM Pelayar dalam pengajaran XML DOM.

Contoh

Kod di bawah ini akan memuat "books.xml" ke xmlDoc dan mendapatkan hala anak pertama:

var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
   if (this.readyState == 4 && this.status == 200) {
       myFunction(this);
   }
};
xhttp.open("GET", "books.xml", true);
xhttp.send();
// Memeriksa hala pertama sama ada ia adalah hala element
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) {
            // Menangani hala element
            txt += firstNode.childNodes[i].nodeName +"}}"
            " = " +
            firstNode.childNodes[i].childNodes[0].nodeValue + "<br>";
        }
    }
    document.getElementById("demo").innerHTML = txt;
}

亲自试一试

Element 对象