XML Tutorial

XML หน้าแรก บทนำ XML XML วิธีใช้งาน XML Tree ไวยากรณ์ XML องค์ประกอบ XML คุณสมบัติ XML XML เนมสเปซ จอแสดงผล XML XML HttpRequest XML Parser XML DOM XML XPath XML XSLT XML XQuery XML XLink เครื่องมือตรวจสอบ XML XML DTD XML Schema XML Server ตัวอย่าง XML แบบทดสอบ XML ใบรับรอง XML

XML AJAX

บทนำ AJAX AJAX XMLHttp คำขอ AJAX การตอบสนอง AJAX ไฟล์ AJAX XML AJAX PHP AJAX ASP ฐานข้อมูล AJAX แอปพลิเคชัน AJAX ตัวอย่าง AJAX

XML DOM

บทนำ DOM โหนด DOM การเข้าถึง DOM ข้อมูลโหนด DOM รายการโหนด DOM DOM Traversing การนำทาง DOM DOM รับค่า DOM เปลี่ยนโหนด DOM ลบโหนด DOM แทนที่โหนด DOM สร้างโหนด DOM เพิ่มโหนด DOM โคลนโหนด ตัวอย่าง DOM

บทช่วย สอนXPath

บทนำ XPath โหนด XPath ไวยากรณ์ XPath แกน XPath ตัวดำเนินการ XPath ตัวอย่าง XPath

กวดวิชาXSLT

บทนำ XSLT ภาษา XSL การแปลง XSLT XSLT <แม่แบบ> XSLT <ค่าของ> XSLT <for-each> XSLT <sort> XSLT <if> XSLT <เลือก> ใช้ XSLT XSLT บนไคลเอนต์ XSLT บนเซิร์ฟเวอร์ XSLT แก้ไข XML ตัวอย่าง XSLT

กวดวิชาXQuery

บทนำ XQuery ตัวอย่าง XQuery XQuery FLWOR XQuery HTML ข้อกำหนด XQuery ไวยากรณ์ XQuery XQuery เพิ่ม XQuery Select ฟังก์ชัน XQuery

XML DTD

บทนำ DTD บล็อกตัวต่อ DTD องค์ประกอบ DTD คุณสมบัติ DTD องค์ประกอบ DTD เทียบกับ Attr หน่วยงาน DTD ตัวอย่าง DTD

ส คีมา XSD

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

XSD Complex

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

ข้อมูลXSD

XSD สตริง วันที่ XSD XSD ตัวเลข XSD เบ็ดเตล็ด ข้อมูลอ้างอิง XSD

บริการเว็บ

XML Services XML WSDL XML SOAP XML RDF XML RSS

อ้างอิง

ประเภทโหนด DOM โหนด DOM DOM NodeList DOM NamedNodeMap เอกสาร DOM องค์ประกอบ DOM แอตทริบิวต์ DOM ข้อความ DOM DOM CDATA ความคิดเห็นของ DOM DOM XMLHttpRequest DOM Parser องค์ประกอบ XSLT ฟังก์ชัน XSLT/XPath

XML DOM เพิ่มโหนด


ลองด้วยตัวคุณเอง - ตัวอย่าง

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


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


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


ตัวอย่างนี้ใช้วิธี setAttribute() เพื่อเพิ่มแอตทริบิวต์ใหม่


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

×

Header


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

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

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

หมายเหตุ:ใช้ insertBefore() หากตำแหน่งของโหนดมีความสำคัญ

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

ตัวอย่าง

newEle = xmlDoc.createElement("edition");

xmlDoc.getElementsByTagName("book")[0].appendChild(newEle);

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

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

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

ตัวอย่าง

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

xmlDoc.getElementsByTagName("book")[0].appendChild(newEle);

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

  1. สมมติว่า " books.xml " ถูกโหลดลงใน xmlDoc
  2. สร้างโหนดใหม่ <รุ่น>
  3. สร้างโหนดข้อความใหม่ "ก่อน"
  4. ต่อท้ายโหนดข้อความที่ <edition> node
  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. ตั้งค่าแอตทริบิวต์ "รุ่น" เป็น "แรก" สำหรับ <หนังสือ> องค์ประกอบ

ไม่มีเมธอดที่เรียกว่า add Attribute()
โดยที่ setAttribute() จะสร้างแอททริบิวต์ใหม่หากไม่มีแอททริบิวต์

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


เพิ่มข้อความไปยังโหนดข้อความ - insertData()

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

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

  • offset - ตำแหน่งที่จะเริ่มต้นการแทรกอักขระ (เริ่มต้นที่ศูนย์)
  • string - สตริงที่จะแทรก

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

ตัวอย่าง

xmlDoc.getElementsByTagName("title")[0].childNodes[0].insertData(0,"Easy ");