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 24 Javascript
JavaScript获取GridView选择的行内容
Apr 14 Javascript
浅析LigerUi开发中谨慎载入common.css文件
Jul 09 Javascript
使用jquery prev()方法找到同级的前一个元素
Jul 11 Javascript
Jquery实现仿腾讯娱乐频道焦点图(幻灯片)特效
Mar 06 Javascript
在JS中操作时间之getUTCMilliseconds()方法的使用
Jun 10 Javascript
javascript定义类和类的实现实例详解
Dec 01 Javascript
javascript产生随机数方法汇总
Jan 25 Javascript
javascript鼠标滑过显示二级菜单特效
Nov 18 Javascript
JavaScript 函数模式详解及示例
Sep 07 Javascript
JavaScript 浏览器对象模型BOM原理与常见用法实例分析
Dec 16 Javascript
你准备好迎接vue3.0了吗
Apr 28 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
WAR3重制版DOTA 5V5初体验
2020/04/09 DOTA
php结合ACCESS的跨库查询功能
2015/06/12 PHP
PHP基于cookie与session统计网站访问量并输出显示的方法
2016/01/15 PHP
PHP基于Redis消息队列实现发布微博的方法
2017/05/03 PHP
浅谈JavaScript中面向对象技术的模拟
2006/09/25 Javascript
javascript 密码框防止用户粘贴和复制的实现代码
2014/02/17 Javascript
js调用浏览器打印模块实现点击按钮触发自定义函数
2014/03/21 Javascript
jQuery实现hover合成事件的方法
2015/08/06 Javascript
使用jQuery制作遮罩层弹出效果的极简实例分享
2016/05/12 Javascript
对node.js中render和send的用法详解
2018/05/14 Javascript
在Mac下彻底卸载node和npm的方法
2018/05/16 Javascript
深入浅出理解JavaScript高级定时器原理与用法
2018/08/02 Javascript
Vue2.2.0+新特性整理及注意事项
2018/08/22 Javascript
vue最简单的前后端交互示例详解
2018/10/11 Javascript
vue使用better-scroll实现下拉刷新、上拉加载
2018/11/23 Javascript
详解使用React.memo()来优化函数组件的性能
2019/03/19 Javascript
vue中@change兼容问题详解
2019/10/25 Javascript
js实现带搜索功能的下拉框
2020/01/11 Javascript
[03:22]DOTA2超级联赛专访单车:找到属于自己的英雄
2013/06/08 DOTA
[01:14]辉夜杯战队访谈宣传片—NEWBEE.Y
2015/12/26 DOTA
[27:08]完美世界DOTA2联赛PWL S2 SZ vs Rebirth 第二场 11.21
2020/11/23 DOTA
Python实现两款计算器功能示例
2017/12/19 Python
基于python list对象中嵌套元组使用sort时的排序方法
2018/04/18 Python
Python实现的旋转数组功能算法示例
2019/02/23 Python
详解python中init方法和随机数方法
2019/03/13 Python
捷克电器和DJ设备网上商店:Electronic-star
2017/07/18 全球购物
AutoShack.com加拿大:北美主要的汽车零部件零售商
2019/07/24 全球购物
澳大利亚领先的女帽及配饰公司:Morgan&Taylor
2019/12/01 全球购物
美国家居装饰店:Z Gallerie
2020/12/28 全球购物
日语专业毕业生求职信
2013/12/04 职场文书
本科生职业生涯规划书范文
2014/01/21 职场文书
工会工作先进事迹
2014/08/18 职场文书
群众路线教育实践活动批评与自我批评
2014/09/15 职场文书
资料员岗位职责
2015/02/10 职场文书
幼儿园老师工作总结2015
2015/05/22 职场文书
动画电影《擅长捉弄人的高木同学》6月10日上映!
2022/03/20 日漫