JAVASCRIPT 获取 XML 文件内容

最新推荐文章于 2024-06-07 13:07:51 发布

weixin_30673611

最新推荐文章于 2024-06-07 13:07:51 发布

阅读量54

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/tanglong8848/archive/2011/01/18/3010758.html

本文介绍了一个使用JavaScript解析XML文件并展示其内容的例子。通过加载指定的XML文件，该示例可以提取日期、城市和网址等信息，并将其显示在网页上。

xml.html

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+"  "+
window.document.getElementById('date').innerHTML;
    window.document.getElementById('city').innerHTML=nodes.item(i).childNodes.item(1).text+"  "+
window.document.getElementById('city').innerHTML;
    window.document.getElementById('url').innerHTML=nodes.item(i).childNodes.item(2).text+"  "+
window.document.getElementById('url').innerHTML;

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

}

list.innerHTML=ListDesc;

}

</script>
</head>

<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>