Latest web development tutorials

DOM XML ขั้นสูง

XML DOM - ขั้นสูง

ใน บทก่อนหน้าของการกวดวิชานี้ เราแนะนำ XML DOM และใช้วิธีการ XML DOM getElementsByTagName () เพื่อดึงข้อมูลจากเอกสาร XML

ในบทนี้เราจะรวมจำนวนของวิธีการ DOM XML ที่สำคัญอื่น ๆ

คุณสามารถของเราใน XML DOM กวดวิชา เพื่อเรียนรู้เพิ่มเติมเกี่ยวกับความรู้ของ XML DOM

ได้รับความคุ้มค่าขององค์ประกอบ

ไฟล์ XML ที่ใช้ในตัวอย่างต่อไปนี้: Books.xml

ตัวอย่างต่อไปนี้ดึงค่าข้อความแรกของ <title> องค์ประกอบ:

ตัวอย่าง

txt=xmlDoc.getElementsByTagName("title")[0].childNodes[0].nodeValue;

ลอง»

ได้รับความคุ้มค่าของทรัพย์สิน

ตัวอย่างต่อไปนี้จะเรียกค่าข้อความของ <title> องค์ประกอบแรกของแอตทริบิวต์ "หรั่ง":

ตัวอย่าง

txt=xmlDoc.getElementsByTagName("title")[0].getAttribute("lang");

ลอง»

เปลี่ยนค่าขององค์ประกอบ

ตัวอย่างต่อไปนี้การเปลี่ยนแปลงมูลค่าที่ข้อความแรก <title> องค์ประกอบ:

ตัวอย่าง

x=xmlDoc.getElementsByTagName("title")[0].childNodes[0];
x.nodeValue="Easy Cooking";

ลอง»

สร้างคุณสมบัติใหม่

พระ XML setAttribute () วิธีการสามารถใช้ในการเปลี่ยนค่าทรัพย์สินที่มีอยู่หรือสร้างคุณสมบัติใหม่

ตัวอย่างต่อไปนี้สร้างแอตทริบิวต์ใหม่ (ฉบับ = "ครั้งแรก") แล้วเพิ่มเข้าไปในแต่ละ <หนังสือ> องค์ประกอบ:

ตัวอย่าง

x=xmlDoc.getElementsByTagName("book");

for(i=0;i<x.length;i++)
{
x[i].setAttribute("edition","first");
}

ลอง»

สร้างองค์ประกอบ

ไฟล์ XML DOM createElement () วิธีการสร้างโหนดองค์ประกอบใหม่

พระ XML createTextNode () วิธีการสร้างโหนดข้อความใหม่

ไฟล์ XML DOM appendChild () วิธีการเพิ่มโหนดเด็กโหนด (หลังเด็กโหนดที่ผ่านมา)

เพื่อสร้างองค์ประกอบใหม่ที่มีเนื้อหาข้อความคุณต้องสร้างองค์ประกอบองค์ประกอบโหนดใหม่และโหนดข้อความใหม่และจากนั้นเขาเพิ่มไปยังโหนดที่มีอยู่

ตัวอย่างต่อไปนี้สร้างองค์ประกอบใหม่ (<ฉบับ>) ที่มีข้อความดังต่อไปนี้: แรกและจากนั้นเพิ่มไปยังหน้าแรก <หนังสือ> องค์ประกอบ:

ตัวอย่าง

newel=xmlDoc.createElement("edition");
newtext=xmlDoc.createTextNode("First");
newel.appendChild(newtext);

x=xmlDoc.getElementsByTagName("book");
x[0].appendChild(newel);

ลอง»

ตัวอย่างอธิบาย

  • สร้าง <ฉบับ> องค์ประกอบ
  • สร้างมูลค่า "ครั้งแรก" โหนดข้อความ
  • ผนวกโหนดข้อความใหม่ <ฉบับ> องค์ประกอบ
  • ส่วน <ฉบับ> องค์ประกอบที่จะถูกเพิ่มในครั้งแรก <หนังสือ> องค์ประกอบ

การลบองค์ประกอบ

ตัวอย่างต่อไปนี้เอา <หนังสือ> องค์ประกอบแรกของโหนดแรก:

ตัวอย่าง

x=xmlDoc.getElementsByTagName("book")[0];
x.removeChild(x.childNodes[0]);

ลอง»

หมายเหตุ: ตัวอย่างข้างต้นอาจส่งผลให้ขึ้นอยู่กับเบราว์เซอร์และแตกต่างFirefox ถือว่าสายใหม่เป็นโหนดข้อความที่ว่างเปล่า, Internet Explorer เป็นกรณีที่ไม่ คุณสามารถของเรา XML DOM กวดวิชา ในการอ่านเพิ่มเติมเกี่ยวกับปัญหานี้และวิธีที่จะหลีกเลี่ยงได้