JS加载和读取XML文件

有时在开发时用到 JS 加载和读取XML文件的情况，写下提供参考，这里主要是分两步完成：

1，JS加载XML文件

步骤一般为（1），建立 XML DOM 对象；（2），设置加载方式，异步（推荐）或同步； （3）提供XML文件URL然后调用 load 方法；大致如下：

var xmlFileName="xxFile.xml";
var xmlDoc='';
if (window.ActiveXObject){ // IE   
	var activeXNameList=new Array("MSXML2.DOMDocument.6.0","MSXML2.DOMDocument.5.0","MSXML2.DOMDocument.4.0","MSXML2.DOMDocument.3.0","MSXML2.DOMDocument","Microsoft.XMLDOM","MSXML.DOMDocument");
	for(var h=0;h<activeXNameList.length;h++)
	{
		try{
			xmlDoc=new ActiveXObject(activeXNameList[h]);
		}catch(e){
			continue;
		}
		if(xmlDoc) break;	
	}
}else if(document.implementation && document.implementation.createDocument){ //非 IE
   	xmlDoc=document.implementation.createDocument("","",null);	
}else{
	alert('can not create XML DOM object, update your browser please...');
}
xmlDoc.async=false;  //同步,防止后面程序处理时遇到文件还没加载完成出现的错误,故同步等XML文件加载完再做后面处理
xmlDoc.load(xmlFileName); //加载XML

2，JS读取XML文件节点

在加载XML文件之后就是读取XML文件的节点了，可以使用 DOM 相应的方法，对 MS IE 其它浏览器的读法相近，例如：

例如下的XML文件结构: 
<visiter>
	<area areaid="shenzhen">
		<areaname>shenzhen</areaname>
		<user userid="001">			
			<name>shenzhenNBA</name>
			<sex>man</sex>
		</user>
	</area>
	<area areaid="shanghai">
		<areaname>shenzhen</areaname>
		<user userid="002">			
			<name>xiaoming</name>
			<sex>woman</sex>
		</user>
		<user userid="003">			
			<name>zhangsan</name>
			<sex>man</sex>
		</user>
	</area>
</visiter>

//JS读取 XML 文件中的 area 节点的方式如下:
var nodeList= xmlDoc.documentElement.getElementsByTagName("area")； // IE
for(var i=0;i<nodeList.length;i++){
	//...遍历操作...
}

var nodeList=xmlDoc.getElementsByTagName("area");  // 非IE
for(var i=0;i<nodeList.length;i++){
	//...遍历操作...
}

还有部分读取节点的方法：

//MS IE
node.text ;     //读取node节点的文本值
node.childNodes[i].text ;    //读取 node 下的第 i 个[直接下一级]子节点的文本
node.getAttribute("attributeName") ;     //读取 node 节点的属性名称为 attributeName 的属性值
//还有其他的方法等, 可以网上搜索



//非 MS IE
node.nodeValue ;     //读取node节点的文本值
node.childNodes[i].nodeValue ;    //读取 node 下的第 i 个[直接下一级]子节点的文本
node.getAttribute("attributeName") ;     //读取 node 节点的属性名称为 attributeName 的属性值
//还有其他的方法等, 可以网上搜索