XML DOM - ลบโหนด

ในบทนี้เราจะศึกษาเกี่ยวกับ DOM XML ลบโหนดการดำเนินงาน การดำเนินการลบโหนดจะลบโหนดที่ระบุออกจากเอกสาร การดำเนินการนี้สามารถนำไปใช้เพื่อลบโหนดเช่นโหนดข้อความโหนดองค์ประกอบหรือโหนดแอตทริบิวต์

ต่อไปนี้เป็นวิธีการที่ใช้สำหรับการลบโหนด -

  • removeChild()

  • removeAttribute()

RemoveChild ()

เมธอดremoveChild ()จะลบโหนดลูกที่ระบุโดยoldChildออกจากรายการเด็กและส่งคืน การลบโหนดลูกจะเท่ากับการลบโหนดข้อความ ดังนั้นการลบโหนดลูกจะลบโหนดข้อความที่เกี่ยวข้อง

ไวยากรณ์

ไวยากรณ์ที่จะใช้ removeChild () มีดังนี้ -

Node removeChild(Node oldChild) throws DOMException

ที่ไหน

  • oldChild - คือโหนดที่ถูกลบออก

  • วิธีนี้ส่งคืนโหนดที่ถูกลบออก

ตัวอย่าง - ลบโหนดปัจจุบัน

ตัวอย่างต่อไปนี้ (removecurrentnode_example.htm) แยกวิเคราะห์เอกสาร XML ( node.xml ) ลงในอ็อบเจ็กต์ XML DOM และลบโหนดที่ระบุ <ContactNo> ออกจากโหนดหลัก

<!DOCTYPE html>
<html>
   <head>
      <script>
         function loadXMLDoc(filename) {
            if (window.XMLHttpRequest) {
               xhttp = new XMLHttpRequest();
            } else // code for IE5 and IE6 {
               xhttp = new ActiveXObject("Microsoft.XMLHTTP");
            }
            xhttp.open("GET",filename,false);
            xhttp.send();
            return xhttp.responseXML;
         }
      </script>
   </head>
   <body>
      <script>
         xmlDoc = loadXMLDoc("/dom/node.xml");

         document.write("<b>Before remove operation, total ContactNo elements: </b>");
         document.write(xmlDoc.getElementsByTagName("ContactNo").length);
         document.write("<br>");

         x = xmlDoc.getElementsByTagName("ContactNo")[0];
         x.parentNode.removeChild(x);

         document.write("<b>After remove operation, total ContactNo elements: </b>");
         document.write(xmlDoc.getElementsByTagName("ContactNo").length);
      </script>
   </body>
</html>

ในตัวอย่างข้างต้น -

  • x = xmlDoc.getElementsByTagName ("ContactNo") [0]ได้รับองค์ประกอบ <ContactNo> ที่จัดทำดัชนีที่ 0

  • x.parentNode.removeChild (x); ลบองค์ประกอบ <ContactNo> ที่ทำดัชนีที่ 0 จากโหนดแม่

การดำเนินการ

บันทึกไฟล์นี้เป็นremovecurrentnode_example.htmบนเส้นทางเซิร์ฟเวอร์ (ไฟล์นี้และ node.xml ควรอยู่บนพา ธ เดียวกันในเซิร์ฟเวอร์ของคุณ) เราได้ผลลัพธ์ดังต่อไปนี้ -

Before remove operation, total ContactNo elements: 3
After remove operation, total ContactNo elements: 2

ตัวอย่าง - ลบโหนดข้อความ

ตัวอย่างต่อไปนี้ (removetextNode_example.htm) แยกวิเคราะห์เอกสาร XML ( node.xml ) ลงในอ็อบเจ็กต์ XML DOM และลบโหนดลูกที่ระบุ <FirstName>

<!DOCTYPE html>
<html>
   <head>
      <script>
         function loadXMLDoc(filename) {
            if (window.XMLHttpRequest) {
               xhttp = new XMLHttpRequest();
            } else // code for IE5 and IE6 {
                xhttp = new ActiveXObject("Microsoft.XMLHTTP");
            }
            xhttp.open("GET",filename,false);
            xhttp.send();
            return xhttp.responseXML;
         }
      </script>
   </head>
   <body>
      <script>
         xmlDoc = loadXMLDoc("/dom/node.xml");

         x = xmlDoc.getElementsByTagName("FirstName")[0];

         document.write("<b>Text node of child node before removal is:</b> ");
         document.write(x.childNodes.length);
         document.write("<br>");

         y = x.childNodes[0];
         x.removeChild(y);
         document.write("<b>Text node of child node after removal is:</b> ");
         document.write(x.childNodes.length);

      </script>
   </body>
</html>

ในตัวอย่างข้างต้น -

  • x = xmlDoc.getElementsByTagName ("ชื่อแรก") [0]; - รับองค์ประกอบแรก <FirstName> เป็นxดัชนีที่ 0

  • y = x.childNodes [0]; - ในบรรทัดนี้yถือโหนดลูกที่จะลบ

  • x.removeChild (y); - ลบโหนดลูกที่ระบุ

การดำเนินการ

บันทึกไฟล์นี้เป็นremovetextNode_example.htmบนเส้นทางเซิร์ฟเวอร์ (ไฟล์นี้และ node.xml ควรอยู่บนเส้นทางเดียวกันในเซิร์ฟเวอร์ของคุณ) เราได้ผลลัพธ์ดังต่อไปนี้ -

Text node of child node before removal is: 1
Text node of child node after removal is: 0

removeAttribute ()

เมธอด removeAttribute () ลบแอตทริบิวต์ขององค์ประกอบตามชื่อ

ไวยากรณ์

ไวยากรณ์ที่จะใช้removeAttribute ()มีดังนี้ -

void removeAttribute(java.lang.String name) throws DOMException

ที่ไหน

  • ชื่อ - คือชื่อของแอตทริบิวต์ที่จะลบ

ตัวอย่าง

ตัวอย่างต่อไปนี้ (removeelementattribute_example.htm) แยกวิเคราะห์เอกสาร XML ( node.xml ) ลงในอ็อบเจ็กต์ XML DOM และลบโหนดแอ็ตทริบิวต์ที่ระบุ

<!DOCTYPE html>
<html>
   <head>
      <script>
         function loadXMLDoc(filename) {
            if (window.XMLHttpRequest) {
               xhttp = new XMLHttpRequest();
            } else // code for IE5 and IE6 {
                xhttp = new ActiveXObject("Microsoft.XMLHTTP");
            }
            xhttp.open("GET",filename,false);
            xhttp.send();
            return xhttp.responseXML;
         }
      </script>
   </head>
   <body>

      <script>
         xmlDoc = loadXMLDoc("/dom/node.xml");

         x = xmlDoc.getElementsByTagName('Employee');

         document.write(x[1].getAttribute('category'));
         document.write("<br>");

         x[1].removeAttribute('category');

         document.write(x[1].getAttribute('category'));

      </script>
   </body>
</html>

ในตัวอย่างข้างต้น -

  • document.write (x [1] .getAttribute ('หมวดหมู่')); - ค่าของประเภทแอตทริบิวต์ที่จัดทำดัชนีที่ตำแหน่งที่ 1 จะถูกเรียกใช้

  • x [1] .removeAttribute ('หมวดหมู่'); - ลบค่าแอตทริบิวต์

การดำเนินการ

บันทึกไฟล์นี้เป็นremoveelementattribute_example.htmบนเส้นทางเซิร์ฟเวอร์ (ไฟล์นี้และ node.xml ควรอยู่บนเส้นทางเดียวกันในเซิร์ฟเวอร์ของคุณ) เราได้ผลลัพธ์ดังต่อไปนี้ -

Non-Technical
null