XML DOM - 訪問

在本章中，我們將學習如何訪問 XML DOM 節點，這些節點被認為是 XML 文件的資訊單元。XML DOM 的節點結構允許開發人員在樹中導航以查詢特定資訊，並同時訪問這些資訊。

訪問節點

以下是您可以訪問節點的三種方法：

使用getElementsByTagName() 方法
透過迴圈或遍歷節點樹
使用節點關係導航節點樹

getElementsByTagName()

此方法允許透過指定節點名稱來訪問節點的資訊。它還允許訪問節點列表和節點列表長度的資訊。

語法

getElementByTagName() 方法具有以下語法：

node.getElementByTagName("tagname");

其中，

node - 是文件節點。
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、LastName 和 Employee 的資訊。
xmlDoc.getElementsByTagName("FirstName")[0].childNodes[0].nodeValue; 這行程式碼使用 getElementByTagName() 方法訪問子節點 FirstName 的值。
xmlDoc.getElementsByTagName("Employee")[0].attributes[0].nodeValue; 這行程式碼使用 getElementByTagName() 方法訪問節點 Employee 的屬性值。

遍歷節點

這在章節 DOM 遍歷中有示例介紹。

導航節點

這在章節 DOM 導航中有示例介紹。

列印頁面