在HTML中调用XML数据

最新推荐文章于 2022-03-10 23:12:29 发布

booucn

最新推荐文章于 2022-03-10 23:12:29 发布

阅读量138

点赞数

分类专栏： xhtml&css 文章标签： HTML XML CSS JavaScript Microsoft ViewUI

xhtml&css 专栏收录该内容

17 篇文章 0 订阅

订阅专栏

<html>
<head>
<style type="text/css">
<!--
p{
	font-family:Arial;
	font-size:15px;
}
-->
</style>
<script language="javascript" event="onload" for="window">
	var xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
	xmlDoc.async="false";
	xmlDoc.load("14-2.xml");	//调用数据
	var nodes = xmlDoc.documentElement.childNodes;   
	title.innerText = nodes.item(0).text; 
	author.innerText = nodes.item(1).text;
	email.innerText = nodes.item(2).text;
	date.innerText = nodes.item(3).text;
</script>
<title>在HTML中调用XML数据</title>
   </head>
<body>
	<p><b>标题:</b> <span id="title"></span></p>
	<p><b>作者:</b> <span id="author"></span></p>
	<p><b>信箱:</b> <span id="email"></span></p>
	<p><b>日期:</b> <span id="date"></span></p>
</body>
</html>

<?xml version="1.0" encoding="gb2312"?>
<book>
	<title>CSS</title>
	<author>isaac</author>
	<email>demo@demo.com</email>
	<date>20070624</date>
</book>