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无法执行的解决办法
Feb 25 Javascript
使用堆实现Top K算法(JS实现)
Dec 25 Javascript
正则验证小数点后面只能有两位数的方法
Feb 28 Javascript
webpack学习教程之publicPath路径问题详解
Jun 17 Javascript
详解webpack3如何正确引用并使用jQuery库
Aug 26 jQuery
js传递数组参数到后台controller的方法
Mar 29 Javascript
纯JS实现可用于页码更换的飞页特效示例
May 21 Javascript
vuex2中使用mapGetters/mapActions报错的解决方法
Oct 20 Javascript
Echarts之悬浮框中的数据排序问题
Nov 08 Javascript
vue实现购物车抛物线小球动画效果的方法详解
Feb 13 Javascript
js实现树形数据转成扁平数据的方法示例
Feb 27 Javascript
Vue axios与Go Frame后端框架的Options请求跨域问题详解
Mar 03 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
一个显示天气预报的程序
2006/10/09 PHP
php 网页播放器用来播放在线视频的代码(自动判断并选择视频文件类型)
2010/06/03 PHP
PHP实现的pdo连接数据库并插入数据功能简单示例
2019/03/30 PHP
javascript基本语法分析说明
2008/06/15 Javascript
用javascript模仿ie的自动完成类似自动完成功的表单
2012/12/12 Javascript
S2SH整合JQuery+Ajax实现登录验证功能实现代码
2013/01/30 Javascript
两个数组去重的JS代码
2013/12/04 Javascript
深入理解AngularJs-scope的脏检查(一)
2017/06/19 Javascript
微信小程序 页面跳转传值实现代码
2017/07/27 Javascript
Bootstrap导航菜单点击后无法自动添加active的处理方法
2018/08/10 Javascript
vue 解决无法对未定义的值,空值或基元值设置反应属性报错问题
2020/07/31 Javascript
[01:01:51]EG vs VG Supermajor小组赛B组 BO3 第二场 6.2
2018/06/03 DOTA
py中的目录与文件判别代码
2008/07/16 Python
python 计算文件的md5值实例
2017/01/13 Python
Python使用matplotlib绘制正弦和余弦曲线的方法示例
2018/01/06 Python
python实现csv格式文件转为asc格式文件的方法
2018/03/23 Python
Pytorch入门之mnist分类实例
2018/04/14 Python
详解Pytorch 使用Pytorch拟合多项式(多项式回归)
2018/05/24 Python
Python OOP类中的几种函数或方法总结
2019/02/22 Python
Python3内置模块之json编解码方法小结【推荐】
2020/12/09 Python
python基于socket实现的UDP及TCP通讯功能示例
2019/11/01 Python
Django数据库操作之save与update的使用
2020/04/01 Python
3分钟看懂Python后端必须知道的Django的信号机制
2020/07/26 Python
美国演唱会订票网站:Ticketmaster美国
2017/10/05 全球购物
物业管理个人自我评价
2013/11/08 职场文书
酒吧创业计划书
2014/01/18 职场文书
精通CAD能手自荐书
2014/01/31 职场文书
大学生见习期满自我鉴定
2014/09/13 职场文书
2014年体育部工作总结
2014/11/13 职场文书
2015年大学生工作总结
2015/04/21 职场文书
整改通知书格式
2015/04/22 职场文书
科技馆观后感
2015/06/08 职场文书
公司欠款证明
2015/06/24 职场文书
安全教育日主题班会
2015/08/13 职场文书
小学秋季运动会加油口号及加油稿
2019/08/19 职场文书
演讲稿之感恩老师(三篇范文)
2019/09/06 职场文书