js解析xml字符串和xml文檔實現原理及代碼(針對ie與火狐)
2024-05-06 14:19:42
供稿：網友
分別針對ie和火狐分別作了對xml文檔和xml字符串的解析，所有代碼都注釋掉了，想看哪部分功能，去掉注釋就可以了。
至于在ajax環境下解析xml，其實原理是一樣的，只不過放在了ajax里，還是要對返回的xml進行解析。
代碼如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> New Document </title>
<meta name="Author" content="lushuaiyin">
</head>
<body>
用js解析xml文檔和xml字符串
</body>
</html>
<script>
//解析xml文檔/////////////////////////////////////////////////////
var xmlDoc=null;
//支持IE瀏覽器
if(window.ActiveXObject){
xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
}
//支持Mozilla瀏覽器
else if(document.implementation && document.implementation.createDocument){
xmlDoc = document.implementation.createDocument('','',null);
}
else{
alert("here");
}
if(xmlDoc!=null){
xmlDoc.async = false;
xmlDoc.load("house.xml");
}
//ie和火狐不僅解析器不一樣，解析過程也不一樣。如下;
//ie解析xml文檔
//alert(xmlDoc.getElementsByTagName("address")[0].childNodes[0].childNodes[0].childNodes[0].nodeValue);//彈出150萬
//alert(xmlDoc.getElementsByTagName("address")[0].childNodes[0].childNodes[1].childNodes[0].nodeValue);//彈出一室三居
//層層遍歷解析childNodes[1]
//alert(xmlDoc.childNodes[1].childNodes[1].childNodes[0].childNodes[0].nodeValue);//彈出200萬
//alert(xmlDoc.childNodes[1].childNodes[0].childNodes[0].childNodes[0].nodeValue);//彈出150萬
//alert(xmlDoc.childNodes[1].childNodes[0].childNodes[1].childNodes[0].nodeValue);//彈出一室三居
//還可以用item(i)進行遍歷
//var nodes=xmlDoc.documentElement.childNodes;
//alert(nodes.item(0).childNodes.item(0).childNodes.item(0).text); //彈出150萬
//alert(nodes.item(0).childNodes.item(1).childNodes.item(0).text); //彈出一室三居
//火狐解析xml文檔
//火狐瀏覽器和ie解析xml不一樣節點的值用textContent。
//并且他會在有的層次child節點前后都加上"/n"換行符。（這個搞不清楚為什么，用firebug調試的時候就是這個樣子，所以寫過的代碼最好測試一下，換個環境就不對了）
//也就是說第1個節點是"/n",第2個節點才是真正的第一個節點。
//第3個節點是"/n",第4個節點才是真正的第二個節點。
//層層獲取解析childNodes[0]
//alert(xmlDoc.childNodes[0].childNodes[1].childNodes[1].textContent);//彈出150萬
//alert(xmlDoc.childNodes[0].childNodes[1].childNodes[3].textContent);//彈出一室三居
//直接獲取節點名解析getElementsByTagName("address")
//alert(xmlDoc.getElementsByTagName("address")[0].textContent);//彈出150萬 一室三居 200萬 300萬
//alert(xmlDoc.getElementsByTagName("address")[0].childNodes[1].textContent);//彈出150萬 一室三居
