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保存和删除cookie操作 判断cookie是否存在
Nov 13 Javascript
jquery实现的鼠标下拉滚动置顶效果
Jul 24 Javascript
JS获取地址栏参数的两种方法(简单实用)
Jun 14 Javascript
基于bootstrap的选择框插件icheck
Dec 23 Javascript
JS实现数组去重复值的方法示例
Feb 18 Javascript
Angular 4依赖注入学习教程之ClassProvider的使用(三)
Jun 04 Javascript
JS实现问卷星自动填问卷脚本并在两秒自动提交功能
Jun 17 Javascript
如何将你的AngularJS1.x应用迁移至React的方法
Feb 01 Javascript
d3绘制基本的柱形图的实现代码
Dec 12 Javascript
vue中过滤器filter的讲解
Jan 21 Javascript
vue登录以及权限验证相关的实现
Oct 25 Javascript
怎么理解wx.navigateTo的events参数使用详情
May 18 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
解析csv数据导入mysql的方法
2013/07/01 PHP
使用PHP生成二维码的两种方法(带logo图像)
2014/03/14 PHP
让CodeIgniter数据库缓存自动过期的处理的方法
2014/06/12 PHP
CI框架学习笔记(一) - 环境安装、基本术语和框架流程
2014/10/26 PHP
CI框架给视图添加动态数据
2014/12/01 PHP
php遍历解析xml字符串的方法
2016/05/05 PHP
PHP手机号中间四位用星号*代替显示的实例
2017/06/02 PHP
js资料prototype 属性
2007/03/13 Javascript
图片在浏览器中底部对齐 解决方法之一
2011/11/30 Javascript
js判断两个日期是否相等的方法
2013/09/10 Javascript
jQuery中获取checkbox选中项等操作及注意事项
2013/11/24 Javascript
javascript跨域的4种方法和原理详解
2014/04/08 Javascript
NodeJS学习笔记之MongoDB模块
2015/01/13 NodeJs
JavaScript中逗号运算符介绍及使用示例
2015/03/13 Javascript
javascript文件加载管理简单实现方法
2015/07/25 Javascript
jquery遍历json对象集合详解
2016/05/18 Javascript
Summernote实现图片上传功能的简单方法
2016/07/11 Javascript
D3.js实现文本的换行详解
2016/10/14 Javascript
微信小程序注册60s倒计时功能 使用JS实现注册60s倒计时功能
2017/08/16 Javascript
jquery动态添加带有样式的HTML标签元素方法
2018/02/24 jQuery
详解Node使用Puppeteer完成一次复杂的爬虫
2018/04/18 Javascript
使用python实现扫描端口示例
2014/03/29 Python
python实现的一个火车票转让信息采集器
2014/07/09 Python
python3生成随机数实例
2014/10/20 Python
tensorflow实现softma识别MNIST
2018/03/12 Python
Python如何使用函数做字典的值
2019/11/30 Python
浅谈HTML5 FileReader分布读取文件以及其方法简介
2017/11/09 HTML / CSS
智利最大的网上商店:Linio智利
2016/11/24 全球购物
汽车制造与装配专业自荐信范文
2014/01/02 职场文书
小学教师暑期培训方案
2014/08/28 职场文书
一份恶作剧的检讨书
2014/09/13 职场文书
2014医学院领导干部四风对照检查材料思想汇报
2014/09/16 职场文书
党的群众路线教育实践活动个人批评与自我批评
2014/10/16 职场文书
小学五一劳动节活动总结
2015/02/09 职场文书
如何用Navicat操作MySQL
2021/05/12 MySQL
【海涛解说】暗牧也疯狂,牛蛙成配角
2022/04/01 DOTA