在Html中调用XML数据

 
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>
 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值