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计数器代码
Nov 04 Javascript
js 内存释放问题
Apr 25 Javascript
鼠标移到div,浮层显示明细,弹出层与div的上边距左边距重合(示例代码)
Dec 14 Javascript
ie8本地图片上传预览示例代码
Jan 12 Javascript
关于Javascript回调函数的一个妙用
Aug 29 Javascript
jQuery实现鼠标选中文字后弹出提示窗口效果【附demo源码】
Sep 05 Javascript
浅谈Vue响应式(数组变异方法)
May 07 Javascript
详解JavaScript中的坐标和距离
May 27 Javascript
layui数据表格实现重载数据表格功能(搜索功能)
Jul 27 Javascript
JS如何把字符串转换成json
Feb 21 Javascript
Openlayers学习之地图比例尺控件
Sep 28 Javascript
详解TypeScript的基础类型
Feb 18 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
模拟OICQ的实现思路和核心程序(三)
2006/10/09 PHP
php微信公众开发之获取周边酒店信息的方法
2014/12/22 PHP
PHP开发之归档格式phar文件概念与用法详解【创建,使用,解包还原提取】
2017/11/17 PHP
PHP压缩图片功能的介绍
2019/03/21 PHP
php使用mysqli和pdo扩展,测试对比mysql数据库的执行效率完整示例
2019/05/09 PHP
JavaScript 组件之旅(四):测试 JavaScript 组件
2009/10/28 Javascript
javascript delete 使用示例代码
2010/03/29 Javascript
限制textbox或textarea输入字符长度的JS代码
2013/10/16 Javascript
Jquery Ajax解析XML数据(同步及异步调用)简单实例
2014/02/12 Javascript
分享9个最好用的JavaScript开发工具和代码编辑器
2015/03/24 Javascript
javascript中基本类型和引用类型的区别分析
2015/05/12 Javascript
举例讲解AngularJS中的模块
2015/06/17 Javascript
js实现跨域访问的三种方法
2015/12/09 Javascript
基于Node.js的强大爬虫 能直接发布抓取的文章哦
2016/01/10 Javascript
使用postMesssage()实现跨域iframe页面间的信息传递方法
2016/03/29 Javascript
如何通过js实现图片预览功能【附实例代码】
2016/03/30 Javascript
js简单获取表单中单选按钮值的方法
2016/08/23 Javascript
微信小程序开发之圆形菜单 仿建行圆形菜单实例
2016/12/12 Javascript
JavaScript数据结构之广义表的定义与表示方法详解
2017/04/12 Javascript
Vue实现点击时间获取时间段查询功能
2020/08/21 Javascript
vue-cli项目中使用公用的提示弹层tips或加载loading组件实例详解
2018/05/28 Javascript
小程序实现授权登陆的解决方案
2018/12/02 Javascript
async/await优雅的错误处理方法总结
2019/01/30 Javascript
基于Vue2-Calendar改进的日历组件(含中文使用说明)
2019/04/14 Javascript
[01:19]DOTA2城市挑战赛报名开始 开启你的城市传奇
2018/03/23 DOTA
使用python实现递归版汉诺塔示例(汉诺塔递归算法)
2014/04/08 Python
pandas的唯一值、值计数以及成员资格的示例
2018/07/25 Python
Django-celery-beat动态添加周期性任务实现过程解析
2020/11/26 Python
Footshop法国:购买运动鞋
2020/01/19 全球购物
什么是三层交换,说说和路由的区别在那里
2014/09/01 面试题
AJAX的全称是什么
2012/11/06 面试题
九州传奇上机题
2014/07/10 面试题
公务员转正考察材料
2014/02/07 职场文书
关于感恩的演讲稿200字
2014/08/26 职场文书
会计简历自我评价
2015/03/10 职场文书
Python可变集合和不可变集合的构造方法大全
2021/12/06 Python