原帖地址:
http://www.cnblogs.com/huacn/archive/2007/07/23/javascript_firefox_xml_document_selectNodes.html
最近在修改項目的用到Ajax功能的頁面,發現很多寫法在Firefox下都存在問題,主要是因為當時開發時只在IE下測試通過就提交了,而Firefox的寫法與IE有很大的區別,主大的問題是當在讀取XML節點或子節點的內容時,IE下一般使用selectNodes 、selectSingleNode 這 些方法,而Firefox並沒有這些方法,所以不能使用,前幾天找了好久終於,一直沒有找到一個很好的解決方案,很多網站提供的要不就是根本不支援,要不 就是使用方法,不方便不實用,今天我終於找到一個很好的解決方案了,我把它弄成一個JS檔案,只要引用它就可以像IE一樣使用了。
代碼如下:var GetNodeValue = function(obj)
{
var str = "";
if(window.ActiveXObject) //IE
{
str = obj.text;
}
else //Mozilla
{
try
{
str = obj.childNodes[0].nodeValue;
}
catch(ex)
{
str = "";
}
}
return str;
}
if(document.implementation && document.implementation.createDocument)
{
XMLDocument.prototype.loadXML = function(xmlString)
{
var childNodes = this.childNodes;
for (var i = childNodes.length - 1; i >= 0; i--)
this.removeChild(childNodes[i]);
var dp = new DOMParser();
var newDOM = dp.parseFromString(xmlString, "text/xml");
var newElt = this.importNode(newDOM.documentElement, true);
this.appendChild(newElt);
};
// check for XPath implementation
if( document.implementation.hasFeature("XPath", "3.0") )
{
// prototying the XMLDocument
XMLDocument.prototype.selectNodes = function(cXPathString, xNode)
{
if( !xNode ) { xNode = this; }
var oNSResolver = this.createNSResolver(this.documentElement)
var aItems = this.evaluate(cXPathString, xNode, oNSResolver,
XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null)
var aResult = [];
for( var i = 0; i < aItems.snapshotLength; i++)
{
aResult[i] = aItems.snapshotItem(i);
}
return aResult;
}
// prototying the Element
Element.prototype.selectNodes = function(cXPathString)
{
if(this.ownerDocument.selectNodes)
{
return this.ownerDocument.selectNodes(cXPathString, this);
}
else{throw "For XML Elements Only";}
}
}
// check for XPath implementation
if( document.implementation.hasFeature("XPath", "3.0") )
{
// prototying the XMLDocument
XMLDocument.prototype.selectSingleNode = function(cXPathString, xNode)
{
if( !xNode ) { xNode = this; }
var xItems = this.selectNodes(cXPathString, xNode);
if( xItems.length > 0 )
{
return xItems[0];
}
else
{
return null;
}
}
// prototying the Element
Element.prototype.selectSingleNode = function(cXPathString)
{
if(this.ownerDocument.selectSingleNode)
{
return this.ownerDocument.selectSingleNode(cXPathString, this);
}
else{throw "For XML Elements Only";}
}
}
}
只要把以上代碼存成一個JS檔案,在頁面上引用它,當XML節點的讀取操作就可以像IE一樣使用了,已經通過測試。
Firefox XML讀取類:http://www.cnblogs.com/Files/huacn/jquery.xml.js
Firefox 讀XML示範地址:http://www.wathon.com/opensource/js/xmlrssreader/xmlrssreader.html
Firefox 讀XML例子原始碼打包下載:http://www.wathon.com/opensource/js/xmlrssreader/xmlrssreader.zip