XML DOM childNodes 属性

  • 定义和使用

    childNodes 属性返回该文档的子节点的 NodeList。
    提示:使用 NodeLists 的 length 属性来确定节点列表中的节点数。 当您知道节点列表的长度时,可以轻松地遍历它并提取所需的值!
  • 浏览器支持

    Internet Explorer Chrome FireFox Safari Opera
    8.0(包含)以上支持 4.0(包含)以上支持 2.0(包含)以上支持 3.0(包含)以上支持 9.0(包含)以上支持
    所有主流的浏览器均支持 childNodes 属性。
  • 语法

    documentObject.childNodes

    参数

    参数 类型 描述
  • 示例

    以下代码片段将 "books.xml" 加载到 xmlDoc 中,并显示 XML 文档的子节点:
    <!DOCTYPE html>
    <html>
     <body>
     
     <p id="demo"></p>
    
     <script>
      var xhttp = new XMLHttpRequest();
      xhttp.onreadystatechange = function() {
          if (xhttp.readyState == 4 && xhttp.status == 200) {
              myFunction(xhttp);
          }
      };
      xhttp.open("GET", "books.xml", true);
      xhttp.send();
    
      function myFunction(xml) {
          var x, i, xmlDoc, txt;
          xmlDoc = xml.responseXML;
          txt = "";
          x = xmlDoc.childNodes;
          for (i = 0; i < x.length; i++) { 
              txt += "Nodename: " + x[i].nodeName +
              " (nodetype: " + x[i].nodeType + ")<br>";
          }
          document.getElementById("demo").innerHTML = txt; 
      }
     </script>
     
     </body>
    </html>
    
    尝试一下
    上面代码的输出将是:
    Nodename: bookstore (nodetype: 1)
    
    输出IE9及更早版本:
    Nodename: xml (nodetype: 7)
    Nodename: bookstore (nodetype: 1)