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的面向对象(二)
Nov 09 Javascript
javascript延时加载之defer测试
Dec 28 Javascript
JS对象转换为Jquery对象示例
Jan 26 Javascript
jQuery+html5+css3实现圆角无刷新表单带输入验证功能代码
Aug 21 Javascript
很全面的JavaScript常用功能汇总集合
Jan 22 Javascript
js css自定义分页效果
Feb 24 Javascript
jQuery实现三级联动效果
Mar 02 Javascript
javascript中的隐式调用
Feb 10 Javascript
jQuery实现鼠标滑过商品小图片上显示对应大图片功能【测试可用】
Apr 27 jQuery
利用Blob进行文件上传的完整步骤
Aug 02 Javascript
如何用原生js写一个弹窗消息提醒插件
May 24 Javascript
解决layui表格的表头不滚动的问题
Sep 04 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实现智能文件类型检测的实现代码
2011/08/02 PHP
PHP实现懒加载的方法
2015/03/07 PHP
Symfony2使用Doctrine进行数据库查询方法实例总结
2016/03/18 PHP
什么是OneThink oneThink后台添加插件步骤
2016/04/13 PHP
PHP+Ajax异步带进度条上传文件实例
2016/11/01 PHP
PhpStorm2020 + phpstudyV8 +XDebug的教程详解
2020/09/17 PHP
laravel数据库查询结果自动转数组修改实例
2021/02/27 PHP
jquery 插件开发 extjs中的extend用法小结
2013/01/04 Javascript
关于JavaScript的面向对象和继承有利新手学习
2013/01/11 Javascript
js如何取消事件冒泡
2013/09/23 Javascript
使用简洁的jQuery方法实现隔行换色功能
2014/01/02 Javascript
jQuery实现动画效果的简单实例
2014/01/27 Javascript
Bootstrap每天必学之表单
2015/11/23 Javascript
谈谈JavaScript中浏览器兼容问题的写法小议
2016/12/17 Javascript
基于JavaScript实现弹幕特效
2020/08/27 Javascript
AngularJS 教程及实例代码
2017/10/23 Javascript
微信小程序实现分享到朋友圈功能
2018/07/19 Javascript
JS中数据结构之栈
2019/01/01 Javascript
Laravel admin实现消息提醒、播放音频功能
2019/07/10 Javascript
vue中get请求如何传递数组参数的方法示例
2019/11/08 Javascript
js实现微信聊天效果
2020/08/09 Javascript
[01:08:44]NB vs VP 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
Python实现使用卷积提取图片轮廓功能示例
2018/05/12 Python
wxPython多个窗口的基本结构
2019/11/19 Python
python3 os进行嵌套操作的实例讲解
2020/11/19 Python
scrapy在python爬虫中搭建出错的解决方法
2020/11/22 Python
执行力心得体会
2013/12/31 职场文书
《小动物过冬》教学反思
2014/04/17 职场文书
教师考核评语大全
2014/12/31 职场文书
神龙架导游词
2015/02/11 职场文书
工作推荐信模板
2015/03/25 职场文书
2016年推广普通话宣传周活动总结
2016/04/06 职场文书
eval(cmd)与eval($cmd)的区别与联系
2021/07/07 PHP
pandas求平均数和中位数的方法实例
2021/08/04 Python
Nginx工作模式及代理配置的使用细节
2022/03/21 Servers
使用 Docker Compose 构建复杂的多容器App
2022/04/30 Servers