js实现读取xml文件内容

来源：懂视网责编：小采时间：2020-11-27 19:58:29

js实现读取xml文件内容

js实现读取xml文件内容:这次给大家带来js实现读取xml文件内容，主要以代码的形式体现，下面就是实战案例，一起来看一下。其中html代码如下所示<html> <body> <h1>W3School.com.cn Internal Note</h1> <p> <b&g

推荐度：

点击下载本文 文档为doc格式

导读js实现读取xml文件内容:这次给大家带来js实现读取xml文件内容，主要以代码的形式体现，下面就是实战案例，一起来看一下。其中html代码如下所示<html> <body> <h1>W3School.com.cn Internal Note</h1> <p> <b&g

这次给大家带来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文件内容

推荐度：

点击下载本文 文档为doc格式

标签：内容实现 js

热门焦点

js实现读取xml文件内容

js实现读取xml文件内容

js实现读取xml文件内容

最新推荐

猜你喜欢

热门推荐