javascript - XML 解析在 Chrome 中不起作用

Question

对于 XML 字符串，例如:

var xml_string = '<env:Envelope xmlns:env="http://schemas.xmlsoap.org/soap/envelope/">   <env:Header/>   <env:Body>      <dn:response id="?" xmlns:dn="http://www.datanomic.com/ws">         <dn:record>            <dn:Result>John</dn:Result>         </dn:record>         <dn:record>            <dn:Result>Johnghghg</dn:Result>         </dn:record>         <dn:record>            <dn:Result>Johnn</dn:Result>         </dn:record>         <dn:record>            <dn:Result>Johnngy</dn:Result>         </dn:record>         <dn:record>            <dn:Result>Johnnnn</dn:Result>         </dn:record>         <dn:record>            <dn:Result>Johnny</dn:Result>         </dn:record>         <dn:record>            <dn:Result>Johns</dn:Result>         </dn:record>         <dn:record>            <dn:Result>Johnson</dn:Result>         </dn:record>         <dn:record>            <dn:Result>Johnston</dn:Result>         </dn:record>      </dn:response>   </env:Body></env:Envelope>';

我正在使用以下代码(从SO本身获得)

if (window.DOMParser)
  {
    parser=new DOMParser();
    xmlDoc=parser.parseFromString(xml_string,"text/xml");
  }
else // Internet Explorer
  {
    xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
    xmlDoc.async=false;
    xmlDoc.loadXML(xml_string);
  }
  var nodes = xmlDoc.getElementsByTagName("dn:Result");
  console.log(nodes); // returning empty on Chrome, working fine in Firefox and IE10

如果我从 getElementsByTagName 中删除 dn:，它就会开始在 Chrome 中工作，但在 Firefox 和 IE 中不起作用。那么有没有一个解决方案可以在所有 3 个环境中工作？ 浏览器？

这是便于测试的 fiddle :JSFiddle

PS:jQuery 不是一个选项。我希望这可以通过简单的旧 Javascript 来完成。

Answer 1

我建议使用 W3C DOM Level 2 方法 getElementsByTagNameNS(如果可用)，请参阅 http://jsfiddle.net/bygx406g/ ，将一行更改为

var nodes = typeof xmlDoc.getElementsByTagNameNS != 'undefined' ? xmlDoc.getElementsByTagNameNS('http://www.datanomic.com/ws', 'Result') : xmlDoc.getElementsByTagName("dn:Result");