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 相关文章推荐
JavaScript列表框listbox全选和反选的实现方法
Mar 18 Javascript
Easyui form combobox省市区三级联动
Jan 13 Javascript
探讨JavaScript语句的执行过程
Jan 28 Javascript
初步使用bootstrap快速创建页面
Mar 03 Javascript
原生JS实现的放大镜效果实例代码
Oct 15 Javascript
javascript动画系列之模拟滚动条
Dec 13 Javascript
jQuery编写设置和获取颜色的插件
Jan 09 Javascript
javaScript之split与join的区别(详解)
Nov 08 Javascript
JS实现的文件拖拽上传功能示例
May 21 Javascript
JS实现的简单分页功能示例
Aug 23 Javascript
浅谈layui 数据表格前后台传值的问题
Sep 12 Javascript
js实现模拟购物商城案例
May 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
Windows2003 下 MySQL 数据库每天自动备份
2006/12/21 PHP
php循环检测目录是否存在并创建(循环创建目录)
2011/01/06 PHP
ajax返回值中有回车换行、空格的解决方法分享
2013/10/24 PHP
php之curl设置超时实例
2014/11/03 PHP
PHP利用二叉堆实现TopK-算法的方法详解
2017/04/24 PHP
WordPress伪静态规则设置代码实例
2020/12/10 PHP
JS脚本defer的作用示例介绍
2014/01/02 Javascript
JavaScript中奇葩的假值示例应用
2014/03/11 Javascript
JavaScript中的类(Class)详细介绍
2014/12/30 Javascript
JS脚本根据手机浏览器类型跳转WAP手机网站(两种方式)
2015/08/04 Javascript
JavaScript实现网页加载进度条代码超简单
2015/09/21 Javascript
HTML5+Canvas调用手机拍照功能实现图片上传(上)
2017/04/21 Javascript
原生JS+CSS实现炫酷重力模拟弹跳系统的登录页面
2017/11/01 Javascript
微信小程序实现手势图案锁屏功能
2018/01/30 Javascript
vue 父组件通过$refs获取子组件的值和方法详解
2019/11/07 Javascript
小程序跨页面交互的作用与方法详解
2020/01/07 Javascript
原生js canvas实现鼠标跟随效果
2020/08/02 Javascript
Python制作爬虫抓取美女图
2016/01/20 Python
django从请求到响应的过程深入讲解
2018/08/01 Python
python创建文件时去掉非法字符的方法
2018/10/31 Python
Python学习笔记之变量、自定义函数用法示例
2019/05/28 Python
tensorflow之并行读入数据详解
2020/02/05 Python
Python 如何展开嵌套的序列
2020/08/01 Python
python中如何使用虚拟环境
2020/10/14 Python
喜诗官方在线巧克力店:See’s Candies
2017/01/01 全球购物
波兰家具和室内装饰品购物网站:Vivre
2018/04/10 全球购物
Nordgreen美国官网:在线购买极简主义斯堪的纳维亚手表
2019/07/24 全球购物
机电专业大学生求职信
2013/10/04 职场文书
应届专科生个人的自我评价
2014/01/05 职场文书
会计工作心得体会
2014/01/13 职场文书
运动会跳远广播稿5篇
2014/09/17 职场文书
交通安全横幅标语
2014/10/07 职场文书
商场营业员岗位职责
2015/04/14 职场文书
Jedis操作Redis实现模拟验证码发送功能
2021/09/25 Redis
Python实现双向链表基本操作
2022/05/25 Python
VW、VH适配移动端的解决方案与常见问题
2023/05/21 HTML / CSS