使用DOMParser解析XML可以在Chrome中使用，但不能在FF中使用

Question

我正在嘗試使用DOMParser從XML獲取節點。 下面的代碼可在Chrome中使用，但不能在FF中使用。 難道我做錯了什么？ 還是FF做錯了什么？ 這里的小提琴： http : //jsfiddle.net/lborgman/D8QHT/2/

var zXml = '<?xml version="1.0"?> <div class="csl-bib-body" style="line-height: 2; padding-left: 2em; text-indent:-2em;"> <div class="csl-entry">The Polyvagal Theory.</div> </div>';
var dp = new DOMParser();
var zDom = dp.parseFromString(zXml, "text/xml");
document.getElementById("output").appendChild(document.createTextNode(zDom.nodeValue));
var divCite = zDom.querySelector("div.csl-entry");
console.log(divCite);
document.getElementById("output2").appendChild(document.createTextNode(divCite.innerHTML));

Answer 1

嘗試將其解析為text/html ： querySelector在XML文檔上不起作用，因為XML無法理解CSS類。

var zDom = dp.parseFromString(zXml, "text/html");

另外，您可以使用XML和querySelector，但使用選擇器參數更明確：

var divCite = zDom.querySelector("div[class=csl-entry]");

至於nodeValue ，我不確定您希望在document對象的該屬性中看到什么。