XML DOM - 访问

在本章中,我们将研究如何访问被视为XML文档的信息单元的XML DOM节点. XML DOM的节点结构允许开发人员在树中导航以查找特定信息并同时访问信息.

访问节点

关注是你可以访问节点的三种方式 :

  • 使用 getElementsByTagName()方法

  • 循环遍历或遍历节点树

  • 通过导航节点树,使用节点关系

getElementsByTagName()

此方法允许访问信息通过指定节点名称来节点.它还允许访问节点列表和节点列表长度的信息.

语法

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的信息 LastName 员工.

  • xmlDoc. getElementsByTagName("FirstName")[0] .childNodes [0] .nodeValue; 此行使用getElementByTagName()方法访问子节点 FirstName 的值.

  • xmlDoc.getElementsByTagName("Employee")[0] .attributes [0] .nodeValue; 此行访问节点

遍历节点

这是在 DOM Traversing 一章中介绍了示例.

浏览节点

DOM导航一章中提供了示例.