使用 DOM 从 XML 中提取信息？

【问题标题】：Extracting information from the XML using DOM?使用 DOM 从 XML 中提取信息？
【发布时间】：2011-12-11 14:21:14
【问题描述】：

<html>
  <head>
    <script type="application/javascript;version=1.7">
    var req = new XMLHttpRequest();
    req.open("GET","file:///Users/me/folder/items.xml", false); 
    req.send(null);
    var dom = req.responseXML;
    </script>
  </head>
  <body>
  </body>
</html>

上面是给我的代码——我应该从 items.xml 中提取对象并将它们注入到这个文件的主体中。

我该怎么做呢？

【问题讨论】：

标签： javascript html xml dom

【解决方案1】：

.responseXML 属性是一个文档对象^*[1]，它表示已解析 XML 对象的文档树。 .appendChild 可用于将 XML 文档中的节点附加到您的正文：

document.body.appendChild(dom);

还可以使用 DOM 方法/属性选择 XML 树的特定元素，例如 .getElementsByTagName("tag_name")、.childNodes 等。如果您更喜欢字符串，请使用.xml (IE) 或XMLSerializer 来获取文档的字符串表示形式：

var string = dom.xml ?
    dom.xml
   : new XMLSerializer().serializeToString(dom);

^*1 如果响应无效，.responseXML 将是 null。

【讨论】：