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 乱码问题
Aug 06 Javascript
Jquery通过Ajax访问XML数据的小例子
Nov 18 Javascript
js Calender控件使用详解
Jan 05 Javascript
HTML5+setCutomValidity()函数验证表单实例分享
Apr 24 Javascript
tuzhu_req.js 实现仿百度图片首页效果
Aug 11 Javascript
jquery+css3实现网页背景花瓣随机飘落特效
Aug 17 Javascript
使用Sticky组件实现带sticky效果的tab导航和滚动导航的方法
Mar 22 Javascript
js实现图片淡入淡出切换简易效果
Aug 22 Javascript
ES6新特性之类(Class)和继承(Extends)相关概念与用法分析
May 24 Javascript
解决ie img标签内存泄漏的问题
Oct 13 Javascript
vue实现分页的三种效果
Jun 23 Javascript
js实现简单商品筛选功能
Feb 02 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设计模式 Visitor 访问者模式
2011/06/28 PHP
举例详解PHP脚本的测试方法
2015/08/05 PHP
PHP删除字符串中非字母数字字符方法总结
2019/01/20 PHP
laravel框架分组控制器和分组路由实现方法示例
2020/01/25 PHP
最近项目写了一些js,水平有待提高
2009/01/31 Javascript
关于onScroll事件在IE6下每次滚动触发三次bug说明
2011/09/21 Javascript
javascript模拟select,jselect的方法实现
2012/11/08 Javascript
jquery 表格的增行删行实现思路
2013/03/21 Javascript
浅析ajax请求json数据并用js解析(示例分析)
2013/07/13 Javascript
点击A元素触发B元素的事件在IE8下会识别成A元素
2014/09/04 Javascript
jquery调取json数据实现省市级联的方法
2015/01/29 Javascript
JavaScript使用指针操作实现约瑟夫问题实例
2015/04/07 Javascript
JavaScript实现基于十进制的四舍五入实例
2015/07/17 Javascript
Vue 2.x教程之基础API
2017/03/06 Javascript
jQuery UI 实例讲解 - 日期选择器(Datepicker)
2017/09/18 jQuery
jquery的 filter()方法使用教程
2018/03/22 jQuery
jQuery滚动条美化插件nicescroll简单用法示例
2018/04/18 jQuery
Vue三层嵌套路由的示例代码
2018/05/05 Javascript
基于node搭建服务器,写接口,调接口,跨域的实例
2018/05/13 Javascript
vue中node_modules中第三方模块的修改使用详解
2019/05/31 Javascript
JS常用正则表达式超全集(密码强度校验,金额校验,IE版本,IPv4,IPv6校验)
2020/02/03 Javascript
[06:04]DOTA2英雄梦之声Vol19卓尔游侠
2014/06/20 DOTA
[01:05:52]DOTA2-DPC中国联赛 正赛 Ehome vs Aster BO3 第一场 2月2日
2021/03/11 DOTA
python获取糗百图片代码实例
2013/12/18 Python
使用Python和xlwt向Excel文件中写入中文的实例
2018/04/21 Python
python中字符串数组逆序排列方法总结
2019/06/23 Python
Python实现Singleton模式的方式详解
2019/08/08 Python
使用python执行shell脚本 并动态传参 及subprocess的使用详解
2020/03/06 Python
html5画布旋转效果示例
2014/01/27 HTML / CSS
芬兰设计商店美国:Finnish Design Shop US
2019/03/25 全球购物
领先的英国注册在线药房 :Simply Meds Online
2019/03/28 全球购物
介绍一下except的用法和作用
2015/01/22 面试题
清洁工岗位职责
2014/01/29 职场文书
意向协议书范本
2014/04/23 职场文书
子女赡养老人协议书
2016/03/23 职场文书
Python Django搭建文件下载服务器的实现
2021/05/10 Python