javascript - 按名称访问 XML DOM 子节点

Question

我想在 JavaScript 中访问 XML 对象的 textContent 属性。根项目有几个 child ，他们自己也有一些 child 。为了让 children 进入第一层，我只是遍历了根元素的 childNodes 数组。但是为了获得“孙子”的值，我想使用类似 getElementsByTagName() 的方法，但它不起作用。目前我只是再次遍历所有子项并检查每个子项的 nodeName 属性以获取我的值。 有没有办法通过名称获取子对象？

XML(注意:我内部获取的 XML 文档是未格式化的，没有空格，没有#text节点):

<root>
  <element>
    <child1>content</child1>
    <child2>content</child2>
    <child3>content</child3>
  </element>
  <element>
    <child1>content</child1>
    <child2>content</child2>
    <child3>content</child3>
  </element>
</root>

到目前为止我尝试了什么:

xmlDoc = xmlhttp.responseXML;
for(i = 0; i < xmlDoc.documentElement.childNodes.length; i++)
{
  key = xmlDoc.documentElement.childNodes[i];
  alert(key.getElementsByTagName('child1')[0].textContent);
}

这会导致一个消息框:undefined
和一个控制台错误:TypeError: key.getElementsByTagName(...)[0] is undefined

浏览器:Firefox 26

可能是DOM对象的问题，我是这样创建的:

var xmlhttp;
if (window.XMLHttpRequest)
{
  xmlhttp=new XMLHttpRequest();
}
xmlhttp.onreadystatechange=function()
{
  if(xmlhttp.readyState==4 && xmlhttp.status==200)
  {
    xmlDoc = xmlhttp.responseXML;

Answer 1

问题是节点之间的空格是自动生成的文本节点。在尝试查找子节点之前，请检查 xmlDoc.documentElement.childNodes[i] 中的节点是否为 textNode(nodeType 3)。在此示例中，我还删除了全局变量 i 和 key。

http://jsfiddle.net/GQ8Kd/

var node, childNodes = xmlDoc.documentElement.childNodes;
for(var i = 0; i < childNodes.length; i++)
{
  node = childNodes[i];
  if(node.nodeType !== Node.TEXT_NODE) console.log(node.getElementsByTagName('child1')[0].textContent);
}