XML DOM childNodes 属性

  • 定义和使用

    childNodes 属性返回指定节点的子节点的 NodeList。
    提示:可以使用 length 属性来确定子节点的数量,然后可以遍历所有子节点并提取所需的信息。
  • 浏览器支持

    Internet Explorer Chrome FireFox Safari Opera
    9.0(包含)以上支持 4.0(包含)以上支持 2.0(包含)以上支持 3.0(包含)以上支持 9.0(包含)以上支持
  • 语法

    nodeObject.childNodes
    
  • 返回值

    返回值: 代表节点集合的NodeList对象
    DOM 版本 核心级别1
  • 示例

    以下代码片段将 "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 + ")";
          }
          document.getElementById("demo").innerHTML = txt;
      }
      </script>
      
      </body>
    </html>
    
    尝试一下
    上面代码的输出将是:
    Nodename: bookstore (nodetype: 1)
    
    
    输出IE9及更早版本:
    Nodename: xml (nodetype: 7)
    Nodename: bookstore (nodetype: 1)