ล่าสุดการพัฒนาเว็บบทเรียน
×

XML เกี่ยวกับการสอน

XML บ้าน XML บทนำ XML วิธีใช้ XML ต้นไม้ XML วากยสัมพันธ์ XML องค์ประกอบ XML แอตทริบิวต์ XML namespaces XML แสดง XML XSLT XML XPath XML XLink XML ตรวจสอบ XML DTD XML schema XML เซิร์ฟเวอร์ XML การประยุกต์ใช้งาน XML ตัวอย่าง XML ทดสอบ XML ใบรับรอง

XML DOM

DOM แนะนำ DOM โหนด DOM XMLHttpRequest DOM การเข้าถึง DOM ข้อมูลโหนด DOM รายการโหนด DOM ภายใน DOM การนำทาง DOM ได้รับค่า DOM Change โหนด DOM Remove โหนด DOM Replace โหนด DOM Create โหนด DOM Add โหนด DOM Clone โหนด DOM ตัวอย่าง

DOM การอ้างอิง

DOM ประเภทโหนด DOM ปม DOM NodeList DOM NamedNodeMap DOM เอกสาร DOM ธาตุ DOM คุณลักษณะ DOM ข้อความ DOM CDATA DOM คิดเห็น DOM XMLHttpRequest DOM parser

XML DTD

DTD แนะนำ DTD การก่อสร้างตึก DTD องค์ประกอบ DTD แอตทริบิวต์ DTD องค์ประกอบ VS attr DTD หน่วยงาน DTD ตัวอย่าง

XSD Schema

XSD แนะนำ XSD ทำอย่างไร XSD <schema> XSD องค์ประกอบ XSD แอตทริบิวต์ XSD ข้อ จำกัด

XSD ซับซ้อน

XSD องค์ประกอบ XSD ว่างเปล่า XSD เพียงองค์ประกอบ XSD ข้อความเท่านั้น XSD ผสม XSD ตัวชี้วัด XSD <any> XSD <anyAttribute> XSD การแทน XSD ตัวอย่าง

XSD Data

XSD เชือก XSD วันที่ XSD เป็นตัวเลข XSD อื่น ๆ XSD การอ้างอิง

Web บริการ

XML บริการ XML WSDL XML SOAP XML RDF XML RSS

 

XML DOM เพิ่มโหนด


ลองตัวเอง - ตัวอย่าง

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

เพิ่มโหนดหลังโหนดเด็กที่ผ่านมา
ตัวอย่างนี้ใช้ appendChild() เพื่อเพิ่มโหนดเด็กโหนดที่มีอยู่

เพิ่มโหนดก่อนที่เด็กโหนดที่ระบุ
ตัวอย่างนี้ใช้ insertBefore() เพื่อแทรกโหนดก่อนที่เด็กโหนดที่ระบุ

เพิ่มแอตทริบิวต์ใหม่
ตัวอย่างนี้ใช้ setAttribute() วิธีการที่จะเพิ่มคุณลักษณะใหม่

เพิ่มข้อมูลไปยังโหนดข้อความ
ตัวอย่างนี้ใช้ insertData() เพื่อแทรกข้อมูลลงในโหนดข้อความที่มีอยู่

×

ส่วนหัว


เพิ่มโหนด - appendChild()

appendChild() วิธีการเพิ่มโหนดเด็กโหนดที่มีอยู่

โหนดใหม่จะถูกเพิ่ม (appended) หลังจากโหนดเด็ก ๆ ที่มีอยู่

Note: ใช้ insertBefore() ถ้าตำแหน่งของโหนดที่มีความสำคัญ

ส่วนรหัสนี้จะสร้างองค์ประกอบ (<edition>) และเพิ่มมันหลังจากที่เด็กสุดท้ายของครั้งแรก <book> องค์ประกอบ:

ตัวอย่าง

newEle = xmlDoc.createElement("edition");

xmlDoc.getElementsByTagName("book")[0].appendChild(newEle);
ลองตัวเอง»

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

  1. สมมติว่า " books.xml " ถูกโหลดลง XMLDOC
  2. สร้างโหนดใหม่ <edition>
  3. ผนวกโหนดแรก <book> องค์ประกอบ

ส่วนรหัสนี้จะเป็นเช่นเดียวกับข้างต้น แต่องค์ประกอบใหม่จะถูกเพิ่มมีมูลค่า:

ตัวอย่าง

newEle = xmlDoc.createElement("edition");
newText=xmlDoc.createTextNode("first");
newEle.appendChild(newText);

xmlDoc.getElementsByTagName("book")[0].appendChild(newEle);
ลองตัวเอง»

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

  1. สมมติว่า " books.xml " ถูกโหลดลง XMLDOC
  2. สร้างโหนดใหม่ <edition>
  3. สร้างโหนดข้อความใหม่ "first"
  4. ผนวกโหนดข้อความไปยัง <edition> โหนด
  5. ผนวก <addition> โหนดไป <book> องค์ประกอบ

แทรกโหนด - insertBefore()

insertBefore() วิธีการแทรกโหนดก่อนที่เด็กโหนดที่ระบุ

วิธีการนี้จะเป็นประโยชน์เมื่อตำแหน่งของโหนดเพิ่มเป็นสิ่งที่สำคัญ:

ตัวอย่าง

newNode = xmlDoc.createElement("book");

x = xmlDoc.documentElement;
y = xmlDoc.getElementsByTagName("book")[3];

x.insertBefore(newNode,y);
ลองตัวเอง»

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

  1. สมมติว่า " books.xml " ถูกโหลดลง XMLDOC
  2. สร้างโหนดองค์ประกอบใหม่ <book>
  3. แทรกโหนดใหม่ในด้านหน้าของสุดท้าย <book> องค์ประกอบโหนด

ถ้าพารามิเตอร์ที่สองของ insertBefore() เป็นโมฆะโหนดใหม่จะถูกเพิ่มเข้ามาหลังจากที่ผ่านมาเด็กโหนดที่มีอยู่

x.insertBefore(newNode,null) และ x.appendChild(newNode) ทั้งสองจะผนวกเด็กโหนดใหม่เพื่อ X


เพิ่มแอตทริบิวต์ใหม่

setAttribute() วิธีการตั้งค่าของแอตทริบิวต์

ตัวอย่าง

xmlDoc.getElementsByTagName('book')[0].setAttribute("edition","first");
ลองตัวเอง»

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

  1. สมมติว่า " books.xml " ได้รับการโหลดลงใน XMLDOC
  2. กำหนดค่าของแอตทริบิวต์ "edition" เพื่อ "first" สำหรับครั้งแรก <book> องค์ประกอบ

ไม่มีวิธีการที่เรียกว่าเพิ่มเป็น Attribute()
setAttribute() จะสร้างแอตทริบิวต์ใหม่ถ้าแอตทริบิวต์ไม่อยู่

Note: ถ้าแอตทริบิวต์ที่มีอยู่แล้วที่ setAttribute() วิธีการจะเขียนทับค่าที่มีอยู่


เพิ่มข้อความในโหนดข้อความ - insertData()

insertData() วิธีการแทรกข้อมูลลงในโหนดข้อความที่มีอยู่

insertData() วิธีการมีสองพารามิเตอร์:

  • ชดเชย - ที่จะเริ่มต้นการใส่ตัวอักษร (starts at zero)
  • สตริง - สตริงเพื่อแทรก

ส่วนรหัสต่อไปนี้จะเพิ่ม "Easy" ไปยังโหนดข้อความแรก <title> องค์ประกอบของ XML โหลด:

ตัวอย่าง

xmlDoc.getElementsByTagName("title")[0].childNodes[0].insertData(0,"Easy ");
ลองตัวเอง»