XML DOM - การเข้าถึง

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

การเข้าถึงโหนด

ต่อไปนี้เป็นสามวิธีที่คุณสามารถเข้าถึงโหนด -

  • โดยใช้ไฟล์ getElementsByTagName () วิธี

  • โดยการวนซ้ำหรือข้ามผ่านโหนดต้นไม้

  • โดยการนำทางโหนดทรีโดยใช้ความสัมพันธ์ของโหนด

getElementsByTagName ()

วิธีนี้อนุญาตให้เข้าถึงข้อมูลของโหนดโดยระบุชื่อโหนด นอกจากนี้ยังอนุญาตให้เข้าถึงข้อมูลของ Node List และ Node List Length

ไวยากรณ์

เมธอด getElementByTagName () มีไวยากรณ์ต่อไปนี้ -

node.getElementByTagName("tagname");

ที่ไหน

  • โหนด - คือโหนดเอกสาร

  • tagname - เก็บชื่อของโหนดที่มีค่าที่คุณต้องการได้รับ

ตัวอย่าง

ต่อไปนี้เป็นโปรแกรมง่ายๆที่แสดงการใช้เมธอด getElementByTagName

<!DOCTYPE html>
<html>
   <body>
      <div>
         <b>FirstName:</b> <span id = "FirstName"></span><br>
         <b>LastName:</b> <span id = "LastName"></span><br>
         <b>Category:</b> <span id = "Employee"></span><br>
      </div>
      <script>
         if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari
            xmlhttp = new XMLHttpRequest();
         } else {// code for IE6, IE5
            xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
         }
         xmlhttp.open("GET","/dom/node.xml",false);
         xmlhttp.send();
         xmlDoc = xmlhttp.responseXML;

         document.getElementById("FirstName").innerHTML = 
         xmlDoc.getElementsByTagName("FirstName")[0].childNodes[0].nodeValue;
         document.getElementById("LastName").innerHTML = 
         xmlDoc.getElementsByTagName("LastName")[0].childNodes[0].nodeValue;
         document.getElementById("Employee").innerHTML = 
         xmlDoc.getElementsByTagName("Employee")[0].attributes[0].nodeValue;
      </script>
   </body>
</html>
  • ในตัวอย่างข้างต้นเราจะเข้าถึงข้อมูลของโหนดที่FirstName , นามสกุลและลูกจ้าง

  • xmlDoc.getElementsByTagName ("FirstName") [0] .childNodes [0] .nodeValue; บรรทัดนี้เข้าถึงค่าสำหรับโหนดลูกFirstNameโดยใช้เมธอด getElementByTagName ()

  • xmlDoc.getElementsByTagName ("พนักงาน") [0] .attributes [0] .nodeValue; บรรทัดนี้เข้าถึงค่าแอ็ตทริบิวต์ของโหนดEmployee getElementByTagName () เมธอด

การข้ามผ่านโหนด

สิ่งนี้ครอบคลุมในบทDOM Traversingพร้อมตัวอย่าง

การนำทางผ่านโหนด

สิ่งนี้ครอบคลุมในบทDOM Navigationพร้อมตัวอย่าง