javascript XML数据显示为HTML一例

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>

赞 (0)

相关推荐

  • javascript XML数据显示为HTML一例

    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.createDocum

  • 使用Spry轻松将XML数据显示到HTML页的方法

    使用Spry轻松将XML数据显示到HTML页的方法

    随着对Dreamweavse cs3中集成Spry功能的深入学习,了解并掌握到Spry框架的一些功能模块,其中就有通过Dreamweavse cs3可视化操作轻松将XML数据显示到HTML页中. 当然,谈到如何将XML数据插入显示到HTML页中,通常立即想到的就是数据岛.比如: Test xml 2007/5/1 Content is ... title atime content [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 当然,还可以使用XSLT将XML显示到页面中,不过现在

  • javascript+xml技术实现分页浏览

    共有两个文件tmh.htm & tt.xml 源代码如下: tmh.htm  复制代码 代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">  <HTML>  <HEAD>  <TITLE> New Document </TITLE>  <META NAME="Generator" CONTENT="

  • javascript Xml增删改查(IE下)操作实现代码

    html文件: 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>j

  • javascript+xml实现简单图片轮换(只支持IE)

    最近无聊,看着许多网站都有广告自动轮换,自己试着写了一个图片轮换,代码和功能都很简单,只支持IE的,FF的还要加些东东. xml文件:test.xml 复制代码 代码如下: <?xml version="1.0" encoding="gb2312"?> <ad> <neteasy path="image/64_jpg.jpg">http://www.163.com</neteasy> <sin

  • JavaScript XML实现两级级联下拉列表

    1.创建测试XML文件:select.xml 复制代码 代码如下: <?xml version="1.0" encoding="GBK"?> <select> <province id="sx"> 陕西 <city id="xa">西安</city> <city id="bj">宝鸡</city> <city id=&

  • javascript xml xsl取值及数据修改第1/2页

    1.example.xml--主要数据文件 <?xml version="1.0" encoding="UTF-8"?> <?xml:stylesheet type="text/xsl" href="example.xsl"?> <projects id="1">     <project title="一级标题1" index="1&

  • javascript xml为数据源的下拉框控件

    例如,当你在输入框中输入张三或是长沙,或是湖南,都会出现张三让你选择,输入18,将同时出现张三李四 测试数据源如下: 复制代码 代码如下: <?xml version="1.0" encoding="utf-8" ?> <students> <student> <id>s1</id> <name>张三</name> <province>湖南</province>

  • JavaScript XML操作 封装类

    复制代码 代码如下: function XMLObject() { this.isIE=true; if (window.ActiveXObject){isIE=true;}else{isIE=false;} var node_xml; var xmlDoc; if (isIE){ xmlDoc = new ActiveXObject("Msxml2.DOMDocument"); } else{ if (document.implementation && docume

  • JavaScript XML和string相互转化实现代码

    复制代码 代码如下: //convert string to xml object function String2XML(xmlString) { // for IE if (window.ActiveXObject) { var xmlobject = new ActiveXObject("Microsoft.XMLDOM"); xmlobject.async = "false"; xmlobject.loadXML(xmlstring); return xml

随机推荐