javascript XML数据显示为HTML一例


Posted in Javascript onDecember 23, 2008

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 相关文章推荐
最近项目写了一些js,水平有待提高
Jan 31 Javascript
JavaScript中继承的一些示例方法与属性参考
Aug 07 Javascript
jquery ajax学习笔记2 使用XMLHttpRequest对象的responseXML
Oct 16 Javascript
node.js下when.js 的异步编程实践
Dec 03 Javascript
javascript实时显示当天日期的方法
May 20 Javascript
JS实现当前页居中分页效果的方法
Jun 18 Javascript
Javascript实现前端简单的路由实例
Sep 11 Javascript
微信小程序 参数传递详解
Oct 24 Javascript
BOM之navigator对象和用户代理检测
Feb 10 Javascript
使用D3.js创建物流地图的示例代码
Jan 27 Javascript
vue中如何让子组件修改父组件数据
Jun 14 Javascript
js实现页面图片消除效果
Mar 24 Javascript
window.location和document.location的区别分析
Dec 23 #Javascript
javascript 硬盘序列号+其它硬件信息
Dec 23 #Javascript
js 解决“options为空或不是对象”
Dec 22 #Javascript
javascript 动态参数判空操作
Dec 22 #Javascript
Javascript 布尔型分析
Dec 22 #Javascript
通过event对象的fromElement属性解决热区设置主实体的一个bug
Dec 22 #Javascript
javascript StringBuilder类实现
Dec 22 #Javascript
You might like
PHP mail 通过Windows的SMTP发送邮件失败的解决方案
2009/05/27 PHP
浅析使用Turck-mmcache编译来加速、优化PHP代码
2013/06/20 PHP
php获取textarea的值并处理回车换行的方法
2014/10/20 PHP
PHP使用ODBC连接数据库的方法
2015/07/18 PHP
使用php从身份证号中获取一系列线索(星座、生肖、生日等)
2016/05/11 PHP
PHP设计模式之工厂模式与单例模式
2016/09/28 PHP
javascript 写类方式之六
2009/07/05 Javascript
Javascript 倒计时源代码.(时.分.秒) 详细注释版
2011/05/09 Javascript
ajax处理php返回json数据的实例代码
2013/01/24 Javascript
jQuery插件的写法分享
2013/06/12 Javascript
Table冻结表头示例代码
2013/08/20 Javascript
JS清空多文本框、文本域示例代码
2014/02/24 Javascript
jquery浏览器滚动加载技术实现方案
2014/06/03 Javascript
Javascript 读取操作Sql中的Xml字段
2014/10/09 Javascript
关于JS中match() 和 exec() 返回值和属性的测试
2016/03/21 Javascript
基于javascript实现简单的抽奖系统
2020/04/15 Javascript
创建基于Bootstrap的下拉菜单的DropDownList的JQuery插件
2016/06/02 Javascript
微信小程序开发之录音机 音频播放 动画实例 (真机可用)
2016/12/08 Javascript
js实现简单的二级联动效果
2017/03/09 Javascript
Vue实现美团app的影院推荐选座功能【推荐】
2018/08/29 Javascript
CentOS 8.2服务器上安装最新版Node.js的方法
2020/12/16 Javascript
[47:26]完美世界DOTA2联赛 LBZS vs Forest 第二场 11.07
2020/11/09 DOTA
python中文编码问题小结
2014/09/28 Python
Python复数属性和方法运算操作示例
2017/07/21 Python
pyqt5自定义信号实例解析
2018/01/31 Python
python3.x实现发送邮件功能
2018/05/22 Python
windows中安装Python3.8.0的实现方法
2019/11/19 Python
python datetime处理时间小结
2020/04/16 Python
python与js主要区别点总结
2020/09/13 Python
Django前后端分离csrf token获取方式
2020/12/25 Python
西班牙自行车和跑步商店:Alltricks
2018/07/07 全球购物
小学生读书活动总结
2014/06/30 职场文书
幼儿园教师师德承诺书
2015/04/28 职场文书
小学六一儿童节活动开幕词
2016/03/04 职场文书
学生安全责任协议书
2016/03/22 职场文书
pytorch--之halfTensor的使用详解
2021/05/24 Python