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 导航中有示例介绍。

打印页面