ข้อมูลโหนด XML DOM
คุณสมบัติ nodeName, nodeValue และ nodeType มีข้อมูลเกี่ยวกับโหนด
ลองด้วยตัวคุณเอง - ตัวอย่าง
ตัวอย่างด้าน ล่างใช้ไฟล์ XML books.xml
ตัวอย่างนี้ใช้คุณสมบัติ nodeName เพื่อรับชื่อโหนดขององค์ประกอบรูทใน "books.xml"
ตัวอย่างนี้ใช้คุณสมบัติ nodeValue เพื่อรับข้อความขององค์ประกอบ <title> แรกใน "books.xml"
ตัวอย่างนี้ใช้คุณสมบัติ nodeValue เพื่อเปลี่ยนข้อความขององค์ประกอบ <title> แรกใน "books.xml"
ตัวอย่างนี้ใช้คุณสมบัติ nodeName และ nodeType เพื่อรับชื่อโหนดและประเภทขององค์ประกอบรูทใน "books.xml"
คุณสมบัติโหนด
ใน XML DOM แต่ละโหนดเป็นอ็อบเจ็กต์
ออบเจ็กต์มีเมธอดและคุณสมบัติที่จาวาสคริปต์เข้าถึงและจัดการได้
คุณสมบัติของโหนดที่สำคัญสามประการคือ:
- nodeName
- nodeValue
- nodeType
คุณสมบัติ nodeName
คุณสมบัติ nodeName ระบุชื่อของโหนด
- nodeName เป็นแบบอ่านอย่างเดียว
- nodeName ขององค์ประกอบ node เหมือนกับชื่อแท็ก
- nodeName ของโหนดแอตทริบิวต์คือชื่อแอตทริบิวต์
- nodeName ของโหนดข้อความจะเป็น #text . เสมอ
- nodeName ของโหนดเอกสารอยู่เสมอ #document
คุณสมบัติ nodeValue
คุณสมบัติ nodeValue ระบุค่าของโหนด
- nodeValue สำหรับโหนดองค์ประกอบไม่ได้ถูกกำหนด
- nodeValue สำหรับโหนดข้อความคือตัวข้อความเอง
- nodeValue สำหรับโหนดแอตทริบิวต์คือค่าแอตทริบิวต์
รับค่าขององค์ประกอบ
รหัสต่อไปนี้ดึงค่าโหนดข้อความขององค์ประกอบ <title> แรก:
ตัวอย่าง
var x = xmlDoc.getElementsByTagName("title")[0].childNodes[0];
var txt = x.nodeValue;
ผลลัพธ์: txt = "ภาษาอิตาลีทุกวัน"
ตัวอย่างอธิบาย:
- สมมติว่าคุณโหลด " books.xml " ลงใน xmlDoc
- รับโหนดข้อความของโหนดองค์ประกอบ <title> แรก
- ตั้งค่าตัวแปร txt ให้เป็นค่าของโหนดข้อความ
เปลี่ยนค่าขององค์ประกอบ
รหัสต่อไปนี้เปลี่ยนค่าโหนดข้อความขององค์ประกอบ <title> แรก:
ตัวอย่าง
var
x = xmlDoc.getElementsByTagName("title")[0].childNodes[0];
x.nodeValue = "Easy Cooking";
ตัวอย่างอธิบาย:
- สมมติว่าคุณโหลด " books.xml " ลงใน xmlDoc
- รับโหนดข้อความของโหนดองค์ประกอบ <title> แรก
- เปลี่ยนค่าของโหนดข้อความเป็น "Easy Cooking"
คุณสมบัติ nodeType
คุณสมบัติ nodeType ระบุประเภทของโหนด
nodeType เป็นแบบอ่านอย่างเดียว
ประเภทโหนดที่สำคัญที่สุดคือ:
| Node type | NodeType |
|---|---|
| Element | 1 |
| Attribute | 2 |
| Text | 3 |
| Comment | 8 |
| Document | 9 |