javascript XML数据显示为HTML一例


person.htm:

复制代码 代码如下:

<html>
<body>
<script type="text/javascript">
var xmlDoc=null;
if (window.ActiveXObject)
{
// for IE
xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
}
else if (document.implementation.createDocument)
{
//for Mozilla, Firefox, Opera,
xmlDoc=document.implementation.createDocument("","",null);
}
else
{
alert('Your browser cannot handle this script');
}
if (xmlDoc!=null)
{
xmlDoc.async=false;
xmlDoc.load("person.xml");
document.write("<table border='1'>");
var x=xmlDoc.getElementsByTagName("person");
for (i=0;i<x.length;i++)
{
document.write("<tr>");
document.write("<td>");
document.write(
x[i].getElementsByTagName("myname")[0].childNodes[0].nodeValue);
document.write("</td>");
document.write("<td>");
document.write(
x[i].getElementsByTagName("myid")[0].childNodes[0].nodeValue);
document.write("</td>");
document.write("</tr>");
}
document.write("</table>");
}
</script>
</body>
</html>

person.xml:
复制代码 代码如下:

<?xml version="1.0" encoding="utf-8"?>
<root>
<person>
<myname>chwuweig</myname>
<myid>123456</myid>
</person>
<person>
<myname>cig</myname>
<myid>526636</myid>
</person>
<person>
<myname>chwg</myname>
<myid>524216</myid>
</person>
</root>



相关阅读:
javascript数组组合成字符串的脚本
6个不常用HTML标记使用说明
快速解决不能一次创建多表的问题
php自动适应范围的分页代码
asp.net 用继承方法实现页面判断session
baidu博客的编辑友情链接的新的层窗口!经典~支持【FF】
写CSS_关于Border你可能需要注意的地方
换个角度看页面重构中的语义化
简化php模板页面中分页代码的解析
使用DIV+CSS布局网站的优点和缺陷分析
Linux系统下文件的压缩、打包与解压包
网页设计布局基础
prototype 学习笔记整理
Ubuntu Linux 中也能轻松刻录光盘
快速导航

Copyright © 2016 phpStudy | 皖ICP备18014864号-4