先贴上本实例需要用到的xml
<code><?xml version='1.0' encoding='gb2312'?> <persons> <person> <name>z</name> <age>16</age> <weight>50</weight> <height>160</height> </person> <person> <name>李四</name> <age>17</age> <weight>51</weight> <height>165</height> </person> <person> <name>王二</name> <age>18</age> <weight>55</weight> <height>170</height> </person> <person> <name>javior</name> <age>20</age> <weight>68</weight> <height>179</height> </person> </persons> </code>
实例-：解析XML字符。
<code><script type="text/javascript">
function loadXmlString(xmlString){
var xmlDoc=null;
if(!window.DOMParser && window.ActiveXObject){ //判断浏览器的类型 支持IE浏览器 window.DOMParser 判断是否是非ie浏览器
var xmlDomVersions = ['MSXML.2.DOMDocument.6.0','MSXML.2.DOMDocument.3.0','Microsoft.XMLDOM'];
for(var i=0;i<xmlDomVersions.length;i++){
try{
xmlDoc = new ActiveXObject(xmlDomVersions[i]);
xmlDoc.async = false;
xmlDoc.loadXML(xmlString); //loadXML方法载入xml字符串
break;
}catch(e){
}
}
}else if(window.DOMParser && document.implementation && document.implementation.createDocument){//支持Mozilla浏览器
try{
/* DOMParser 对象解析 XML 文本并返回一个 XML Document 对象。
* 要使用 DOMParser，使用不带参数的构造函数来实例化它，然后调用其 parseFromString() 方法
* parseFromString(text, contentType) 参数text:要解析的 XML 标记 参数contentType文本的内容类型
* 可能是 "text/xml" 、"application/xml" 或 "application/xhtml+xml" 中的一个。注意，不支持 "text/html"。
*/
domParser = new DOMParser();
xmlDoc = domParser.parseFromString(xmlString, 'text/xml');
}catch(e){
}
}
else{
return null;
}
return xmlDoc;
}
</script></code>
实例二：解析XML文件。
<code><script type="text/javascript">
function loadXmlFile(xmlFile){
var xmlDoc=null;
if(!window.DOMParser && window.ActiveXObject){
var xmlDomVersions = ['MSXML.2.DOMDocument.6.0','MSXML.2.DOMDocument.3.0','Microsoft.XMLDOM'];
for(var i=0;i<xmlDomVersions.length;i++){
try{
xmlDoc = new ActiveXObject(xmlDomVersions[i]);
break;
}catch(e){
}
}
}else if(document.implementation && document.implementation.createDocument){
try{
xmlDoc = document.implementation.createDocument('','',null);
}catch(e){
}
}
else{
return null;
}
if(xmlDoc!=null){
xmlDoc.async = false;
xmlDoc.load(xmlFile);
}
return xmlDoc;
}
</script></code>
将xml文件或字符串转化为JS对象后，我们就可以使用xml dom来读取xml中的数据了。
代码如下：
<code><script type="text/javascript">
var persons=xml.getElementsByTagName("person");
var str="";
for(var i=0;i<persons.length;i++){
var fc= persons[i];
var name=fc.getElementsByTagName("name")[0].innerHTML;
var age=fc.getElementsByTagName("age")[0].innerHTML;
var weight=fc.getElementsByTagName("weight")[0].innerHTML;
var height=fc.getElementsByTagName("height")[0].innerHTML;
str+="name:"+name+" age:"+age+" weight:"+weight+" height:"+height+"<br/>";
}
</script></code>
