js实现读取xml文件内容
程序员文章站
2022-04-23 14:29:33
...
这次给大家带来js实现读取xml文件内容，主要以代码的形式体现，下面就是实战案例，一起来看一下。
其中html代码如下所示
<html>
<body>
<h1>W3School.com.cn Internal Note</h1>
<p>
<b>To:</b> <span id="to"></span><br />
<b>From:</b> <span id="from"></span><br />
<b>Message:</b> <span id="message"></span>
</p>
<script type="text/javascript">
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.open("GET","/example/xmle/note.xml",false);
xmlhttp.send();
xmlDoc=xmlhttp.responseXML;
document.getElementById("to").innerHTML=
xmlDoc.getElementsByTagName("to")[0].childNodes[0].nodeValue;
document.getElementById("from").innerHTML=
xmlDoc.getElementsByTagName("from")[0].childNodes[0].nodeValue;
document.getElementById("message").innerHTML=
xmlDoc.getElementsByTagName("body")[0].childNodes[0].nodeValue;
</script>
</body>
</html>
XML文件内容
<?xml version="1.0" encoding="ISO-8859-1"?> <!-- Copyright w3school.com.cn --> -<note>
<to>George</to>
<from>John</from>
<heading>Reminder</heading>
<body>Don't forget the meeting!</body>
</note>
显示结果：
相关推荐：
以上就是js实现读取xml文件内容的详细内容，更多请关注其它相关文章！
上一篇： PHP二叉树（三）：红黑树
下一篇： JS的数据类型实例详解
推荐阅读