XML DOM childNodes 属性
XML基础 2023-08-13 13:27:58小码哥的IT人生shichen
XML DOM childNodes 属性
定义和用法
childNodes 属性返回包含被选节点的子节点的 NodeList。
如果选定的节点没有子节点，则该属性返回不包含节点的 NodeList。
语法：
elementNode.childNodes提示和注释
提示：如需循环子节点列表，使用 nextSibling 属性，要比使用父对象的 childNodes 列表效率更高。
实例
在所有的例子中，我们将使用 XML 文件 books.xml，以及 JavaScript 函数 loadXMLDoc()。
例子 1
下面的代码片段输出 "books.xml" 中第一个 <title> 元素的文本节点：
xmlDoc=loadXMLDoc("books.xml");
var x=xmlDoc.getElementsByTagName("title")[0].childNodes[0];
document.write(x.nodeValue);
以上代码的输出：
Harry Potter
例子 2
下面的代码片段输出 "books.xml" 中第一个 <book> 元素的子节点数量：
xmlDoc=loadXMLDoc("books.xml");
var x=xmlDoc.getElementsByTagName("book")[0].childNodes;
document.write(x.length);
在 Internet Explorer 中的输出：
4
在 Mozilla browsers 中的输出：
9
Internet Explorer 会忽略节点之间生成的空白文本节点（比如换行字符），而 Mozilla 不这么做。因此，在上面的例子中，输出是不同的。
如需更多有关 IE 与 Mozilla 浏览器差异的内容，请访问 phpcodeweb 的 XML DOM 教程中的 DOM 浏览器 这一节。
TIY
完整实例【getelemenstByTagname() 和 childNodes - 获取元素的值】：
<html>
<head>
<script type="text/javascript" src="/demo/example/xdom/loadxmldoc.js"></script>
</head>
<body>
<script type="text/javascript">
xmlDoc=loadXMLDoc("/demo/example/xdom/books.xml");
x=xmlDoc.getElementsByTagName("title")[0]
y=x.childNodes[0];
document.write(y.nodeValue);
</script>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
完整实例【childNodes - 获取 NodeList 的长度】：
<html>
<head>
<script type="text/javascript" src="/demo/example/xdom/loadxmldoc.js">
</script>
</head>
<body>
<script type="text/javascript">
xmlDoc=loadXMLDoc("/demo/example/xdom/books.xml");
var x=xmlDoc.getElementsByTagName("book")[0].childNodes;
document.write(x.length);
</script>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
