XML DOM childNodes 属性

定义和用法

childNodes 属性返回包含所选节点的子节点的 NodeList。

如果所选节点没有子节点,则此属性返回不包含节点的 NodeList。

提示:如需循环遍历 childNodes 列表,使用 nextSibling 属性比显式使用父对象的 childNodes 列表更有效。

语法

elementNode.childNodes

实例

例子 1

下面的代码将 "books.xml" 加载到 xmlDoc 中,并从 "books.xml" 中的第一个 元素获取文本节点:</p> <pre class="language-js"> var xhttp = new XMLHttpRequest(); xhttp.onreadystatechange = function() { if (this.readyState == 4 && this.status == 200) { myFunction(this); {} }; xhttp.open("GET", "books.xml", true); xhttp.send(); function myFunction(xml) { var xmlDoc = xml.responseXML; var x = xmlDoc.getElementsByTagName("title")[0]; var y = x.childNodes[0]; document.getElementById("demo").innerHTML = y.nodeValue; {} </pre> <p class="tiy"><a target="_blank" href="/ha/tiy/t.html?f=xmldom_getelementsbytagname_1">亲自试一试</a></p> <h3>例子 2</h3> 下面的代码将 "books.xml" 加载到 xmlDoc 中,并从 "books.xml" 中的第一个 <book> 元素获取子节点的数量: <pre class="language-js"> var xhttp = new XMLHttpRequest(); xhttp.onreadystatechange = function() { if (this.readyState == 4 && this.status == 200) { myFunction(this); {} }; xhttp.open("GET", "books.xml", true); xhttp.send(); function myFunction(xml) { var xmlDoc = xml.responseXML; var x = xmlDoc.getElementsByTagName("book")[0].childNodes; document.getElementById("demo").innerHTML = x.length; {} </pre> <p class="tiy"><a target="_blank" href="/ha/tiy/t.html?f=xmldom_childnodes_length">亲自试一试</a></p> <p>Firefox 和大多数其他浏览器会将空白或换行视为文本节点,而 Internet Explorer 不会。因此,在上面的例子中,输出将会有所不同。</p> <p>如需了解有关浏览器之间差异的更多信息,请访问 XML DOM 教程中的 DOM 浏览器章节。</p> </section> <div class="backtoreference"> <p><a href="/ha/xml/ref_dom_element.html">Element 对象</a></p> </div><div style="background-color:#fcfdf8; padding:0;"> </div> </div> <!-- maincontent end --> <div id="sidebar"> <div><h3><center> 工具箱 </center><h3> <h5 id="tools_reference"><a href="/ha/xml/xml_reference.html">XML 参考手册</a></h5> <h5 id="tools_example"><a href="/ha/xml/xml_examples.html">XML Examples</a></h5> <h5 id="tools_quiz"><a href="/ha/xml/xml_quiz.html">XML Quiz</a></h5> </div> <div><h3><center> 赞助商链接 </center><h3> <div id="sbtg"> <script src="/myjs/zzsr.js"></script> </div> </div> </div> <div id="footer"> <p id="p1"> CodeW3C.com 提供的内容仅用于培训和测试,不保证内容的正确性。通过使用本站内容随之而来的风险与本站无关。版权所有,保留一切权利。 </p> <p id="p2"> <a href="/ha/about/index.html" title="关于 CodeW3C.com">关于 CodeW3C.com</a> <a href="/ha/about/about_helping.html" title="帮助 CodeW3C.com">帮助 CodeW3C.com</a> <a href="/ha/about/about_use.html" title="关于使用">使用条款</a> <a href="/ha/about/about_privacy.html" title="关于隐私">隐私条款</a> <a href="http://www.comfortsoftwaregroup.com/" target="_blank"><img src="/comfortsoftwaregroup.png"></a> <a href="http://www.ce4e.com/" target="_blank"><img src="/poweredby.png" alt="Rarrabaw da Ce4e.com"></a> </p> </div> </div> <!-- wrapper end --> <script src="/myjs/tongji.js"></script> </body> </html>