在Html中调用XML数据

来源:互联网 发布:微信mac下载 编辑:程序博客网 时间:2024/06/04 01:33
 
file.xml文件

XML
<?xml version="1.0" encoding="GB2312"?>
<myfiles>
<file>
  <title>xml file</title>
  <author>jimmy</author>
  <email>lnsyhy521@163.com</email>
  <date>20080325</date>
</file>
</myfiles>

HTML

<html>
<head>
<script language="javaScript" for="window" event="onload">
var XMLDoc=new ActiveXObject("Microsoft.XMLDOM"); //获得XMLDoc对象
XMLDoc.async="false";
XMLDoc.load("file.xml"); //读取file.xml文件
nodes=XMLDoc.documentElement.childNodes; //获得子结点对象
title.innerText=nodes.item(0).childNodes.item(0).text;//获得内容 并赋值给title
author.innerText=nodes.item(0).childNodes.item(1).text;
email.innerText=nodes.item(0).childNodes.item(2).text;
date.innerText=nodes.item(0).childNodes.item(3).text;
</script>
  <title>Heml调用Xml</title>
</head>
<body bgcolor="#FFFFFF">
  <table>
   <tr>
    <td>
     标题
    </td>
    <td>
     <span id="title"></span> //调用title
    </td>
   </tr>
   <tr>
    <td>
     作者
    </td>
    <td>
     <span id="author"></span>
    </td>
   </tr>
   <tr>
    <td>
     邮箱
    </td>
    <td>
     <span id="email"></span>
    </td>
   </tr>
   <tr>
    <td>
     日期
    </td>
    <td>
     <span id="date"></span>
    </td>
   </tr>
  </table>
</body>
</html>
 
原创粉丝点击