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 相关文章推荐
一个多次搜索+多次传值的解决方案
Jan 20 Javascript
jQuery中delegate与on的用法与区别示例介绍
Dec 20 Javascript
JavaScript控制浏览器全屏及各种浏览器全屏模式的方法、属性和事件
Dec 20 Javascript
JS for循环中i++ 和 ++i的区别介绍
Jul 20 Javascript
jQuery Checkbox 全选 反选的简单实例
Nov 29 Javascript
微信小程序之picker日期和时间选择器
Feb 09 Javascript
bootstrap实现的自适应页面简单应用示例
Mar 09 Javascript
深入学习 JavaScript中的函数调用
Mar 23 Javascript
JS/HTML5游戏常用算法之追踪算法实例详解
Dec 12 Javascript
vue表单验证你真的会了吗?vue表单验证(form)validate
Apr 07 Javascript
Vue export import 导入导出的多种方式与区别介绍
Feb 12 Javascript
在vue中封装方法以及多处引用该方法详解
Aug 14 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中单双引号的区别详解
2016/06/12 PHP
IE autocomplete internet explorer's autocomplete
2007/06/30 Javascript
从零开始学习jQuery (三) 管理jQuery包装集
2011/02/23 Javascript
jQuery Animation实现CSS3动画示例介绍
2013/08/14 Javascript
js中return false(阻止)的用法
2013/08/14 Javascript
轻松创建nodejs服务器(2):nodejs服务器的构成分析
2014/12/18 NodeJs
浅谈JavaScript数据类型及转换
2015/02/28 Javascript
jQuery实现仿百度首页滑动伸缩展开的添加服务效果代码
2015/09/09 Javascript
每天一篇javascript学习小结(基础知识)
2015/11/10 Javascript
AngularJS 路由详解和简单实例
2016/07/28 Javascript
[原创]JavaScript语法高亮插件highlight.js用法详解【附highlight.js本站下载】
2016/11/01 Javascript
jQuery插件zTree实现获取当前选中节点在同级节点中序号的方法
2017/03/08 Javascript
ES6新特性之变量和字符串用法示例
2017/04/01 Javascript
详解Vue路由开启keep-alive时的注意点
2017/06/20 Javascript
Vue配合iView实现省市二级联动的示例代码
2018/07/27 Javascript
koa2 从入门到精通(小结)
2019/07/23 Javascript
微信小程序实现点赞业务
2021/02/10 Javascript
Python中的urllib模块使用详解
2015/07/07 Python
Python 文件处理注意事项总结
2017/04/10 Python
python3.6的venv模块使用详解
2018/08/01 Python
python用plt画图时,cmp设置方法
2018/12/13 Python
Python正则表达式匹配数字和小数的方法
2019/07/03 Python
python3实现绘制二维点图
2019/12/04 Python
美味咖啡的顶级烘焙师:Cafe Britt
2018/03/15 全球购物
Vivo俄罗斯官方在线商店:中国智能手机品牌
2019/10/04 全球购物
档案室主任岗位职责
2014/02/12 职场文书
集体婚礼策划方案
2014/02/22 职场文书
优秀少先队辅导员先进事迹材料
2014/05/18 职场文书
连锁超市项目计划书
2014/09/15 职场文书
2014年化妆品销售工作总结
2014/12/01 职场文书
人才市场接收函
2015/01/30 职场文书
素质教育培训心得体会
2016/01/19 职场文书
Axios取消重复请求的方法实例详解
2021/06/15 Javascript
使用PostGIS完成两点间的河流轨迹及流经长度的计算(推荐)
2022/01/18 PostgreSQL
mysql insert 存在即不插入语法说明
2022/03/25 MySQL
MutationObserver在页面水印实现起到的作用详解
2022/07/07 Javascript