JAVASCRIPT 获取 XML 文件内容

xml.html

 

 

<html>
<head>
<script language="javascript" type="text/javascript">

function parseXML(){
 XmlDoc=new ActiveXObject("Microsoft.XmlDOM"); //初始化,给上述定义变量赋值
 xml="x.xml";//需要读取的xml文件
 XmlDoc.async = false;
 XmlDoc.load(xml);
getvalue();
}
   
function getvalue() {
  var ListDesc="";
  nodes=XmlDoc.documentElement.childNodes;
  for(i=0;i<nodes.length;i++){


    window.document.getElementById('date').innerHTML=nodes.item(i).childNodes.item(0).text+"&nbsp;&nbsp;"+
 window.document.getElementById('date').innerHTML;
    window.document.getElementById('city').innerHTML=nodes.item(i).childNodes.item(1).text+"&nbsp;&nbsp;"+
 window.document.getElementById('city').innerHTML;
    window.document.getElementById('url').innerHTML=nodes.item(i).childNodes.item(2).text+"&nbsp;&nbsp;"+
 window.document.getElementById('url').innerHTML;

    ListDesc=nodes.item(i).childNodes(0).text+"&nbsp;"+nodes.item(i).childNodes(1).text+"&nbsp;&nbsp;"
 +nodes.item(i).childNodes(2).text+"<br><hr/>"
 +ListDesc;

    }

   list.innerHTML=ListDesc;

}

</script>
</head>

<body onload="parseXML()">
DATE=<span id="date" ></span><br/><hr/>
CITY=<span id="city" ></span><br/><hr/>
URL=<span id="url" ></span><br/><hr/>

<div id="list">loading....</div>
</body>
</html>

 

 

 

 

 

 

 

 

x.xml

 

 

<?xml version="1.0" encoding="gb2312" ?>
<root>
<citymessage>
<date>2010年1月1日</date>
<city>北京</city>
<url>http://www.baidu.com/</url>
</citymessage>
<citymessage>
<date>2010年2月2日</date>
<city>香港</city>
<url>http://www.2345.com/</url>
</citymessage>
<citymessage>
<date>2010年3月3日</date>
<city>湖北</city>
<url>http://www.163.com/</url>
</citymessage>
<citymessage>
<date>2010年4月4日</date>
<city>澳门</city>
<url>http://www.qq.com/</url>
</citymessage>
</root>

 

 

 

你可能感兴趣的:(JAVASCRIPT 获取 XML 文件内容)