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自定义功能函数实现动态添加网址参数修改网址参数值
Aug 02 Javascript
java、javascript实现附件下载示例
Aug 14 Javascript
ionic js 复选框 与普通的 HTML 复选框到底有没区别
Jun 06 Javascript
解析预加载显示图片艺术
Dec 05 Javascript
微信小程序之拖拽排序(代码分享)
Jan 21 Javascript
Vue2.0用 watch 观察 prop 变化(不触发)
Sep 08 Javascript
JS获取url参数,JS发送json格式的POST请求方法
Mar 29 Javascript
vue 录制视频并压缩视频文件的方法
Jul 27 Javascript
详解微信小程序文件下载--视频和图片
Apr 24 Javascript
js比较两个单独的数组或对象是否相等的实例代码
Apr 28 Javascript
判断JavaScript中的两个变量是否相等的操作符
Dec 21 Javascript
vue实现列表滚动的过渡动画
Jun 29 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简单的留言板与回复功能具体实现
2014/02/19 PHP
php使用iconv中文截断问题的解决方法
2015/02/11 PHP
php基于ob_start(ob_gzhandler)实现网页压缩功能的方法
2017/02/18 PHP
js图片模糊切换显示特效的方法
2015/02/17 Javascript
js实现兼容IE和FF的上下层的移动
2015/05/04 Javascript
javascript每日必学之继承
2016/02/23 Javascript
AngularJS中实现用户访问的身份认证和表单验证功能
2016/04/21 Javascript
javascript作用域、作用域链(菜鸟必看)
2016/06/16 Javascript
Vue.js每天必学之过渡与动画
2016/09/06 Javascript
AngularJS通过ng-route实现基本的路由功能实例详解
2016/12/13 Javascript
Bootstrap table两种分页示例
2016/12/23 Javascript
基于JavaScript实现图片剪切效果
2017/03/07 Javascript
微信小程序 图片上传实例详解
2017/05/05 Javascript
JS对象序列化成json数据和json数据转化为JS对象的代码
2017/08/23 Javascript
微信小程序实现简单跑马灯效果
2020/05/26 Javascript
js实现的格式化数字和金额功能简单示例
2019/07/30 Javascript
vue 解决setTimeOut和setInterval函数无效报错的问题
2020/07/30 Javascript
使用Python设置tmpfs来加速项目的教程
2015/04/17 Python
在Python的Flask框架中使用日期和时间的教程
2015/04/21 Python
Python处理PDF及生成多层PDF实例代码
2017/04/24 Python
python实现俄罗斯方块游戏
2020/03/25 Python
Python 2.7中文显示与处理方法
2018/07/16 Python
python实现简单多人聊天室
2018/12/11 Python
pandas读取csv文件,分隔符参数sep的实例
2018/12/12 Python
Python调用JavaScript代码的方法
2020/10/27 Python
CSS3实现莲花绽放的动画效果
2020/11/06 HTML / CSS
番木瓜健康和保健产品第一大制造商:Herbal Papaya
2017/04/25 全球购物
优秀老员工获奖感言
2014/02/15 职场文书
预备党员公开承诺书
2014/05/28 职场文书
应用心理学专业求职信
2014/08/04 职场文书
社区综治工作汇报
2014/10/27 职场文书
2016年大学光棍节活动总结
2016/04/05 职场文书
2019银行竞聘书
2019/06/21 职场文书
Golang Gob编码(gob包的使用详解)
2021/05/07 Golang
浅谈自定义校验注解ConstraintValidator
2021/06/30 Java/Android
CSS中理解层叠性及权重如何分配
2022/12/24 HTML / CSS