XML DOM firstChild 屬性

Element 對象

定義和用法

firstChild คุณสมบัติคืนจุดหนึ่งลูกขององค์ประกอบที่เลือก

หากจุดหนึ่งที่เลือกไม่มีจุดหนึ่งลูก ทางหน่วยคุณจะได้รับค่า NULL

การใช้งาน

elementNode.firstChild
คำแนะนำและหมายเหตุ

สัญญาณเตือน:Firefox และส่วนใหญ่ของเบราสเซอร์อื่นๆ จะใช้ช่องว่างหรือช่องวางบรรทัดทำเป็นตัวแบบข้อความ ในขณะที่ Internet Explorer จะไม่เช่นนั้น ดังนั้นในตัวอย่างด้านล่างเราใช้ฟังก์ชันเพื่อตรวจสอบประเภทจุดหนึ่งแรก

ตัวแบบต้นโครงมี nodeType ค่า 1 ดังนั้นถ้าจุดหนึ่งแรกไม่ใช่ตัวแบบต้นโครง มันจะย้ายไปที่จุดหนึ่งต่อไปและตรวจสอบว่าจุดหนึ่งนั้นเป็นตัวแบบต้นโครงหรือไม่ จะทำการนี้ต่อไปจนหาจุดหนึ่งแรกที่เป็นตัวแบบต้นโครง (ต้องเป็นตัวแบบต้นโครง) ซึ่งทำให้ผลลัพธ์ในทุกเบราสเซอร์เป็นถูกต้อง

คำแนะนำ:เพื่อข้อมูลเพิ่มเติมเกี่ยวกับความแตกต่างระหว่างเบราสเซอร์ โปรดเข้าชมบทบาท DOM ของ XML 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 對象