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>

　　推荐阅读

　　jQuery 动画基础教程

注意此代码需要用到jquery的js文件，才可以用所以大家可以先下载一个jquery文件，注意调用路径。代码：复制代码代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/T>>>详细阅读

本文标题：javascript XML数据显示为HTML一例

地址：http://www.17bianji.com/kaifa2/JS/29100.html

1/2 1