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

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

สร้างโหนดองค์ประกอบ
ตัวอย่างนี้ใช้ createElement() เพื่อสร้างโหนดองค์ประกอบใหม่และ appendChild() เพื่อเพิ่มไปยังโหนด

สร้างโหนดแอตทริบิวต์ใช้ CreateAttribute
ตัวอย่างนี้ใช้ createAttribute() เพื่อสร้างโหนดแอตทริบิวต์ใหม่และ setAttributeNode() เพื่อแทรกไปยังองค์ประกอบ

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

สร้างโหนดข้อความ
ตัวอย่างนี้ใช้ createTextNode() เพื่อสร้างโหนดข้อความใหม่และ appendChild() เพื่อเพิ่มลงในองค์ประกอบ

สร้างโหนดส่วน CDATA
ตัวอย่างนี้ใช้ createCDATAsection() เพื่อสร้างโหนดส่วน CDATA และ appendChild() เพื่อเพิ่มลงในองค์ประกอบ

สร้างความคิดเห็นโหนด
ตัวอย่างนี้ใช้ createComment() เพื่อสร้างความคิดเห็นโหนดและ appendChild() เพื่อเพิ่มลงในองค์ประกอบ

×

ส่วนหัว


สร้างโหนดใหม่ธาตุ

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

ตัวอย่าง

newElement = xmlDoc.createElement("edition");

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

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

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

ห่วงผ่านและเพิ่มองค์ประกอบทุก <book> องค์ประกอบ: ลองตัวเอง


สร้างโหนดแอตทริบิวต์ใหม่

createAttribute() ถูกนำมาใช้เพื่อสร้างโหนดแอตทริบิวต์ใหม่:

ตัวอย่าง

newAtt = xmlDoc.createAttribute("edition");
newAtt.nodeValue = "first";

xmlDoc.getElementsByTagName("title")[0].setAttributeNode(newAtt);
ลองตัวเอง»

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

  1. สมมติว่า " books.xml " ถูกโหลดลง XMLDOC
  2. สร้างโหนดแอตทริบิวต์ใหม่ "edition"
  3. กำหนดค่าของโหนดแอตทริบิวต์ที่จะ "first"
  4. เพิ่ม new โหนดแอตทริบิวต์แรก <title> องค์ประกอบ

ห่วงผ่านทั้งหมด <title> องค์ประกอบและเพิ่มโหนดแอตทริบิวต์ใหม่: ลองตัวเอง

ถ้าแอตทริบิวต์ที่มีอยู่แล้วก็จะถูกแทนที่ด้วยหนึ่งใหม่


สร้างแอตทริบิวต์การใช้ setAttribute()

ตั้งแต่ setAttribute() วิธีการสร้างแอตทริบิวต์ใหม่ถ้าแอตทริบิวต์ไม่อยู่ก็สามารถนำมาใช้ในการสร้างแอตทริบิวต์ใหม่

ตัวอย่าง

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

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

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

ห่วงผ่านทั้งหมด <title> องค์ประกอบและเพิ่มคุณลักษณะใหม่: ลองตัวเอง


สร้างโหนดข้อความ

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

ตัวอย่าง

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. ผนวกโหนดข้อความใหม่ไปยังโหนดองค์ประกอบ
  5. ผนวกโหนดองค์ประกอบใหม่กับครั้งแรก <book> องค์ประกอบ

เพิ่มโหนดองค์ประกอบกับโหนดข้อความทั้งหมด <book> องค์ประกอบ: ลองตัวเอง


สร้างมาตราโหนด CDATA

createCDATASection() วิธีการสร้างใหม่โหนดส่วน CDATA

ตัวอย่าง

newCDATA = xmlDoc.createCDATASection("Special Offer & Book Sale");

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

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

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

ห่วงผ่านและเพิ่มส่วน CDATA ไปทั้งหมด <book> องค์ประกอบ: ลองตัวเอง


สร้างโหนดแสดงความคิดเห็น

createComment() วิธีการสร้างความคิดเห็นโหนดใหม่

ตัวอย่าง

newComment = xmlDoc.createComment("Revised March 2015");

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

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

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

ห่วงผ่านและเพิ่มความคิดเห็นโหนดทุก <book> องค์ประกอบ: ลองตัวเอง