在本章中,将学习如何访问XML文档的信息单元的XML DOM节点。 XML DOM的节点结构允许开发人员在树周围导航以查找特定信息并同时访问信息。
以下是可以访问节点的三种方式 -
getElementsByTagName()
方法1. getElementsByTagName()
此方法允许通过指定节点名称来访问节点的信息。它还允许访问节点列表和节点列表长度的信息。
语法
getElementByTagName()
方法具有以下语法 -
node.getElementByTagName("tagname");
其中,
node
- 是文档节点。tagname
- 保存要获取其值的节点的名称。示例
以下是一个简单的程序,它演示了方法getElementsByTagName
的用法。
<!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
的属性值。2. 遍历节点
在DOM遍历一章中举例说明。
3. 遍历节点
在DOM遍历一章中举例说明。