คุณสมบัติ nodeValue ถูกนำมาใช้เพื่อให้ได้ค่าข้อความของโหนด
getAttribute() วิธีการส่งกลับค่าของแอตทริบิวต์
ได้รับค่าขององค์ประกอบ
ใน DOM ทุกอย่างเป็นโหนด โหนดองค์ประกอบไม่ได้มีค่าข้อความ
ค่าข้อความของโหนดองค์ประกอบที่ถูกเก็บไว้ในโหนดเด็ก โหนดนี้เรียกว่าโหนดข้อความ
เพื่อเรียกคืนค่าข้อความขององค์ประกอบคุณต้องเรียกค่าของโหนดข้อความองค์ประกอบฯ
วิธี getElementsByTagName
getElementsByTagName() วิธีการส่งกลับรายการโหนดขององค์ประกอบทั้งหมดที่มีชื่อแท็กที่ระบุไว้ในลำดับเดียวกันตามที่ปรากฏในเอกสารต้นฉบับ
สมมติว่า " books.xml " ได้รับการโหลดลงใน XMLDOC
รหัสนี้ดึงแรก <title> องค์ประกอบ:
var x = xmlDoc.getElementsByTagName("title")[0];
childNodes ทรัพย์สิน
สถานที่ให้บริการ childNodes กลับรายการขององค์ประกอบของโหนดเด็ก
รหัสต่อไปนี้ดึงโหนดข้อความแรก <title> องค์ประกอบ:
x = xmlDoc.getElementsByTagName("title")[0];
y = x.childNodes[0];
nodeValue ทรัพย์สิน
คุณสมบัติ nodeValue ส่งกลับค่าข้อความของโหนดข้อความ
รหัสต่อไปนี้จะเรียกค่าข้อความของโหนดข้อความแรก <title> องค์ประกอบ:
ตัวอย่าง
x = xmlDoc.getElementsByTagName("title")[0];
y = x.childNodes[0];
z = y.nodeValue;
Resul ใน Z: "Everyday Italian"
ตัวอย่างที่สมบูรณ์
ตัวอย่าง
<!DOCTYPE html>
<html>
<body>
<p id="demo"></p>
<script>
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (xhttp.readyState == 4 && xhttp.status == 200) {
myFunction(xhttp);
}
};
xhttp.open("GET",
"books.xml", true);
xhttp.send();
function myFunction(xml) {
var xmlDoc = xml.responseXML;
var x = xmlDoc.getElementsByTagName('title')[0];
var y =
x.childNodes[0];
document.getElementById("demo").innerHTML = y.nodeValue;
}
</script>
</body>
</html>
ลองตัวเอง» ห่วงผ่านทั้งหมด <title> องค์ประกอบ: ลองเอง
ได้รับค่าของแอตทริบิวต์
ใน DOM, แอตทริบิวต์โหนด ซึ่งแตกต่างจากโหนดองค์ประกอบโหนดแอตทริบิวต์มีค่าข้อความ
วิธีการรับค่าของแอตทริบิวต์ที่เป็นมูลค่าที่จะได้รับข้อความ
ซึ่งสามารถทำได้โดยใช้ getAttribute() วิธีการหรือใช้ nodeValue ทรัพย์สินของโหนดแอตทริบิวต์
ได้รับค่าแอตทริบิวต์ - getAttribute()
getAttribute() วิธีการส่งกลับ attribute's value
รหัสต่อไปนี้จะเรียกค่าข้อความของ "lang" แอตทริบิวต์แรก <title> องค์ประกอบ:
ผล TXT: "en"
ห่วงผ่านทั้งหมด <book> องค์ประกอบและได้รับของพวกเขา "category" แอตทริบิวต์: ลองตัวเอง
ได้รับค่าแอตทริบิวต์ - getAttributeNode()
getAttributeNode() วิธีการส่งกลับ attribute node
รหัสต่อไปนี้จะเรียกค่าข้อความของ "lang" แอตทริบิวต์แรก <title> องค์ประกอบ:
ตัวอย่าง
x = xmlDoc.getElementsByTagName("title")[0];
y = x.getAttributeNode("lang");
txt = y.nodeValue;
ลองตัวเอง» ผลใน txt = "en"
ห่วงผ่านทั้งหมด <book> องค์ประกอบและได้รับของพวกเขา "category" แอตทริบิวต์: ลองเอง