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实现的一个Flash滚动轮换显示图片代码生成器
Mar 14 Javascript
js字符串转换成xml对象并使用技巧解读
Apr 18 Javascript
BootstrapTable与KnockoutJS相结合实现增删改查功能【一】
May 10 Javascript
jquery ezUI 双击行记录弹窗查看明细的实现方法
Jun 01 Javascript
JavaScript DOM节点操作方法总结
Aug 23 Javascript
AngularJS表单验证中级篇(3)
Sep 28 Javascript
JS正则表达式判断有效数实例代码
Mar 13 Javascript
ReactNative短信验证码倒计时控件的实现代码
Jul 20 Javascript
nuxt框架中路由鉴权之Koa和Session的用法
May 09 Javascript
Webpack devServer中的 proxy 实现跨域的解决
Jun 15 Javascript
element el-table表格的二次封装实现(附表格高度自适应)
Jan 19 Javascript
vue实现滑动解锁功能
Mar 03 Vue.js
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爆绝对路径方法收集整理
2012/09/17 PHP
深入探讨<br />和 \r\n两者有什么区别??
2013/06/05 PHP
PHP统计目录大小的自定义函数分享
2014/11/18 PHP
php截取html字符串及自动补全html标签的方法
2015/01/15 PHP
PHP书写格式详解(必看)
2016/05/23 PHP
php微信公众号开发之秒杀
2018/10/20 PHP
ppk谈JavaScript style属性
2008/10/10 Javascript
修改jQuery Validation里默认的验证方法
2012/02/14 Javascript
jQuery 淡入淡出 png图在ie8下有黑色边框的解决方法
2013/03/05 Javascript
js验证是否为数字的总结
2013/04/14 Javascript
如何使用JS获取IE上传文件路径(IE7,8)
2013/07/08 Javascript
jQuery.form插件的使用及跨域异步上传文件
2016/04/27 Javascript
浅析BootStrap栅格系统
2016/06/07 Javascript
vue子组件使用自定义事件向父组件传递数据
2017/05/27 Javascript
Mac系统下Webstorm快捷键整理大全
2017/05/28 Javascript
iscroll.js滚动加载实例详解
2017/07/18 Javascript
vue.js异步上传文件前后端实现代码
2017/08/22 Javascript
利用vue.js实现被选中状态的改变方法
2018/02/08 Javascript
Vue filter介绍及详细使用
2018/04/04 Javascript
深入了解javascript 数组的sort方法
2018/06/01 Javascript
Vue props用法详解(小结)
2018/07/03 Javascript
vue组件中iview的modal组件爬坑问题之modal的显示与否应该是使用v-show
2019/04/12 Javascript
python通过urllib2爬网页上种子下载示例
2014/02/24 Python
python处理PHP数组文本文件实例
2014/09/18 Python
使用Python简单的实现树莓派的WEB控制
2016/02/18 Python
python实现一个简单的并查集的示例代码
2018/03/19 Python
对Python 窗体(tkinter)文本编辑器(Text)详解
2018/10/11 Python
python用opencv完成图像分割并进行目标物的提取
2020/05/25 Python
欧舒丹英国官网:购买欧舒丹护手霜等明星产品
2017/01/17 全球购物
介绍一下内联、左联、右联
2013/12/31 面试题
校本教研工作制度
2014/01/22 职场文书
快餐公司创业计划书
2014/04/29 职场文书
反腐倡廉演讲稿
2014/05/22 职场文书
企业文化标语口号
2014/06/09 职场文书
英文感谢信范文
2015/01/21 职场文书
Nginx解决403 forbidden的完整步骤
2021/04/01 Servers