如何在IE和Firefox中解析JavaScript中的XML？

Question

我試圖編寫一段代碼來在IE和Firefox中解析JavaScript。

在IE下工作，並且功能，而無需在Firefox抱怨

function XmlDom(sXml){ 
    var oXml; 
    if (window.ActiveXObject) { 
     // ie 
     oXml = new ActiveXObject("Microsoft.XMLDOM"); 
     oXml.resolveExternals = false; 
     oXml.async = false; 
     oXml.loadXML(sXml); 
    } 
    else if (window.DOMParser){ 

     var parser = new DOMParser(); 
     oXml = parser.parseFromString(sXml, "text/xml"); 

    } 
return oXml 
} 

在IE下工作，但給人的錯誤（因爲的childNodes不存在）的Firefox

var oXml = XmlDom(sourceXML); 
var listHtml = ""; 
if (oXml.firstChild != null) { 
    var childNodes = null; 
    try { 
     childNodes = oXml.lastChild.lastChild.firstChild.childNodes; 
    } 
    if (childNodes != null && childNodes.length > 0) { 

     for (var i = 0; i < childNodes.length; i++) { 

      var vehicleName = NodeText(SelectSingleNode(childNodes[i], 'VehicleName', 'VehicleName')); 
      var vehicleId = NodeText(SelectSingleNode(childNodes[i], 'VehicleId', 'VehicleId')); 

     } 
    } 
} 

下使用jquery在firefox下給了我正確的行爲，但在IE中卻不能正常工作（它找到了正確數量的車輛，但是每個車輛都有一個空ID和名稱）

$(sourceXml).find("Table1").each(function() { 
     var vehicleId = $(this).find("VehicleId").text(); 
     var vehicleName = $(this).find("VehicleName").text(); 
    }); 

我堅信這兩個辦法應該工作。但有些事情出錯了。我會愛一隻手。

<?xml version="1.0" encoding="utf-16"?> 
<DataSet> 
    <xs:schema id="NewDataSet" xmlns="" xmlns:xs="http://www.w3.org/2001/XMLSchema"  xmlns:msdata="urn:schemas-microsoft-com:xml-msdata" xmlns:msprop="urn:schemas-microsoft-com:xml-msprop"> 
    <xs:element name="NewDataSet" msdata:IsDataSet="true" msdata:UseCurrentLocale="true"> 
     <xs:complexType> 
     <xs:choice minOccurs="0" maxOccurs="unbounded"> 
      <xs:element name="Table1"> 
      <xs:complexType> 
       <xs:sequence> 
       <xs:element name="VehicleId" msprop:metadatacolumnname="VehicleId" msprop:caption="VehicleId" type="xs:string" minOccurs="0" /> 
       <xs:element name="VehicleName" msprop:metadatacolumnname="VehicleName" msprop:caption="VehicleName" type="xs:string" minOccurs="0" /> 
      <xs:element name="SendAlarms" msprop:metadatacolumnname="SendAlarms" msprop:caption="SendAlarms" type="xs:string" minOccurs="0" /> 
      </xs:sequence> 
     </xs:complexType> 
     </xs:element> 
    </xs:choice> 
    </xs:complexType> 
    </xs:element> 
    </xs:schema> 
    <diffgr:diffgram xmlns:msdata="urn:schemas-microsoft-com:xml-msdata" xmlns:diffgr="urn:schemas-microsoft-com:xml-diffgram-v1"> 
<NewDataSet> 
    <Table1 diffgr:id="Table11" msdata:rowOrder="0" diffgr:hasChanges="inserted"> 
    <VehicleId>8</VehicleId> 
    <VehicleName>AIS Gate</VehicleName> 
    <SendAlarms>False</SendAlarms> 
    </Table1> 
    <Table1 diffgr:id="Table12" msdata:rowOrder="1" diffgr:hasChanges="inserted"> 
    <VehicleId>82</VehicleId> 
    <VehicleName>Amigos</VehicleName> 
    <SendAlarms>False</SendAlarms> 
    </Table1> 
</NewDataSet> 
</diffgr:diffgram> 
</DataSet> 

Answer 1

的問題是，Firefox的XML解析器是不是忽略空格文本節點，而IE的是，這意味着oXml.lastChild.lastChild實際上是在一個文本節點，也沒有子女。我不知道要指示在Firefox（和其他瀏覽器）中發現的DOMParser忽略空白節點，因此您必須通過以下兩種方法之一來處理它：要麼在將其傳遞到解析器的parseFromString()方法之前刪除空白，或者以遍歷XML DOM的方式篩選出空白文本節點。

Firefox 3.5及更高版本支持DOM Element Traversal API，這意味着你可以使用屬性，如firstElementChild，lastElementChild，nextElementSibling和previousElementSibling。 Firefox 3.5還支持元素的children屬性，該屬性是所有作爲元素的子節點的集合。 Safari，Chrome和Opera的最新版本（我不確定具體情況）也支持這些屬性。

使用標準DOM Level 1方法並因此適用於所有瀏覽器的最後一個選項是在遍歷DOM之前手動刪除所有空白節點。以下函數將遞歸執行此操作：

function removeWhiteSpaceNodes(node) { 
    var child = node.firstChild, nextChild; 
    while (child) { 
     nextChild = child.nextSibling; 
     if (child.nodeType == 3 && /^\s*$/.test(child.nodeValue)) { 
      node.removeChild(child); 
     } else if (child.hasChildNodes()) { 
      removeWhiteSpaceNodes(child); 
     } 
     child = nextChild; 
    } 
}