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 控制非法字符的输入代码
Dec 04 Javascript
使用js实现按钮控制文本框加1减1应用于小时+分钟
Dec 09 Javascript
取得元素的左和上偏移量的方法
Sep 17 Javascript
jQuery下拉框的简单应用
Jun 24 Javascript
Javascript typeof与instanceof的区别
Oct 18 Javascript
函数四种调用模式以及其中的this指向
Jan 16 Javascript
JS解决移动web开发手机输入框弹出的问题
Mar 31 Javascript
详解Vue.js搭建路由报错 router.map is not a function
Jun 27 Javascript
JS使用正则表达式获取小括号、中括号及花括号内容的方法示例
Jun 01 Javascript
原生JS实现列表子元素顺序反转的方法分析
Jul 02 Javascript
Angular5中提取公共组件之radio list的实例代码
Jul 10 Javascript
ES6使用export和import实现模块化的方法
Sep 10 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中的超全局变量
2006/10/09 PHP
用PHP制作静态网站的模板框架(一)
2006/10/09 PHP
ThinkPHP自动验证失败的解决方法
2011/06/09 PHP
基于在生产环境中使用php性能测试工具xhprof的详解
2013/06/03 PHP
基于PHP中的常用函数回顾
2013/07/11 PHP
php遍历目录输出目录及其下的所有文件示例
2014/01/27 PHP
百万级别知乎用户数据抓取与分析之PHP开发
2015/09/28 PHP
利用PHP获取访客IP、地区位置、浏览器及来源页面等信息
2017/06/27 PHP
PHP中抽象类,接口功能、定义方法示例
2019/02/26 PHP
FileUpload上传图片(图片不变形)
2010/08/05 Javascript
JavaScript初学者需要了解10个小技巧
2010/08/25 Javascript
JS Pro-深入面向对象的程序设计之继承的详解
2013/05/07 Javascript
JS版的date函数(和PHP的date函数一样)
2014/05/12 Javascript
JavaScript数值数组排序示例分享
2014/05/27 Javascript
confirm确认对话框的实现方法总结
2016/06/17 Javascript
html+js+highcharts绘制圆饼图表的简单实例
2016/08/04 Javascript
响应式表格之固定表头的简单实现
2016/08/26 Javascript
js仿iphone秒表功能 计算平均数
2017/01/11 Javascript
详解es6超好用的语法糖Decorator
2018/08/01 Javascript
vue-cli3.0如何使用CDN区分开发、生产、预发布环境
2018/11/22 Javascript
通过vue手动封装on、emit、off的代码详解
2019/05/29 Javascript
JS对象属性的检测与获取操作实例分析
2020/03/17 Javascript
Javascript执行流程细节原理解析
2020/05/14 Javascript
vue-router 控制路由权限的实现
2020/09/24 Javascript
[03:42]2014DOTA2国际邀请赛 第三日比赛排位扑朔迷离
2014/07/12 DOTA
使用Python的Twisted框架编写非阻塞程序的代码示例
2016/05/25 Python
python 递归遍历文件夹,并打印满足条件的文件路径实例
2017/08/30 Python
Django如何自定义分页
2018/09/25 Python
python读取大文件越来越慢的原因与解决
2019/08/08 Python
Python变量、数据类型、数据类型转换相关函数用法实例详解
2020/01/09 Python
如何给Python代码进行加密
2020/01/10 Python
Python调用C/C++的方法解析
2020/08/05 Python
教师自我反思材料
2014/02/14 职场文书
退休教师欢送会主持词
2014/03/31 职场文书
教师节随笔
2015/08/15 职场文书
用Python爬取某乎手机APP数据
2021/06/15 Python