我正在尝试编写一段代码来在 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 中有效，但在 Firefox 下给出错误(因为 childNodes 不存在)

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>

最佳答案

问题是 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 之前手动删除所有空白节点，该选项使用标准 DOM Level 1 方法，因此适用于所有浏览器。以下函数将递归执行此操作:

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;
    }
}

关于javascript - 如何在 IE 和 Firefox 中解析 javascript 中的 XML？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/4272538/