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加密解密7种方法总结分析
Oct 07 Javascript
js 编写规范
Mar 03 Javascript
javascript学习笔记(十八) 获得页面中的元素代码
Jun 20 Javascript
JavaScript实现简单的tab选项卡切换
Jan 05 Javascript
JavaScript获取服务器时间的方法详解
Dec 11 Javascript
ajax与json 获取数据并在前台使用简单实例
Jan 19 Javascript
Three.js中网格对象MESH的属性与方法详解
Sep 27 Javascript
react-native 圆弧拖动进度条实现的示例代码
Apr 12 Javascript
vue父组件异步获取数据传给子组件的方法
Jul 26 Javascript
手淘flexible.js框架使用和源代码讲解小结
Oct 15 Javascript
使用jquery模拟a标签的click事件无法实现跳转的解决
Dec 04 jQuery
vue:el-input输入时限制输入的类型操作
Aug 05 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来检测proxy
2006/10/09 PHP
浅谈本地WAMP环境的搭建
2015/05/13 PHP
php使用Header函数,PHP_AUTH_PW和PHP_AUTH_USER做用户验证
2016/05/04 PHP
PHP中使用foreach()遍历二维数组的简单实例
2016/06/13 PHP
实例介绍PHP删除数组中的重复元素
2019/03/03 PHP
jquery1.4 教程二 ajax方法的改进
2010/02/25 Javascript
Jquery+JSon 无刷新分页实现代码
2010/04/01 Javascript
JavaScript Tips 使用DocumentFragment加快DOM渲染速度
2010/06/28 Javascript
js屏蔽鼠标键盘(右键/Ctrl+N/Shift+F10/F11/F5刷新/退格键)
2013/01/24 Javascript
javascript中clone对象详解
2014/12/03 Javascript
高性能JavaScript模板引擎实现原理详解
2015/02/05 Javascript
第一次接触JS require.js模块化工具
2016/04/17 Javascript
很酷的星级评分系统原生JS实现
2016/08/25 Javascript
JS实现的幻灯片切换显示效果
2016/09/07 Javascript
JS获得多个同name 的input输入框的值的实现方法
2017/01/09 Javascript
jQuery操作复选框(CheckBox)的取值赋值实现代码
2017/01/10 Javascript
微信小程序表单验证错误提示效果
2017/05/19 Javascript
JS实现上传图片实时预览功能
2017/05/22 Javascript
快速掌握jquery分页插件jqPaginator的使用方法
2017/08/09 jQuery
vue使用canvas实现移动端手写签名
2020/09/22 Javascript
[00:53]TI3正赛第三天 DK怒破A队不败金身 现场国旗飘扬热血激昂
2013/08/10 DOTA
Python xlrd读取excel日期类型的2种方法
2015/04/28 Python
python-docx修改已存在的Word文档的表格的字体格式方法
2018/05/08 Python
Python 中判断列表是否为空的方法
2019/11/24 Python
使用 Python 合并多个格式一致的 Excel 文件(推荐)
2019/12/09 Python
Python Opencv中用compareHist函数进行直方图比较对比图片
2020/04/07 Python
python实现录制全屏和选择区域录屏功能
2021/02/05 Python
凯伦·米莲女装网上商店:Karen Millen
2017/11/07 全球购物
中国跨境在线时尚零售商:Bellelily
2018/04/06 全球购物
大学生饮食配送创业计划书
2014/01/04 职场文书
自我评价是什么
2014/01/04 职场文书
外联部演讲稿
2014/05/24 职场文书
党员领导干部承诺书
2014/05/28 职场文书
学生检讨书怎么写?
2014/10/10 职场文书
劳动纠纷调解协议书格式
2014/11/30 职场文书
校长一岗双责责任书
2015/05/09 职场文书