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>
您可能感兴趣的文章:
- JS实现读取xml内容并输出到div中的方法示例
- javascript 读取XML数据,在页面中展现、编辑、保存的实现
- JavaScript 解析读取XML文档 实例代码
- JS读取XML文件示例代码
- firefox中JS读取XML文件
- JS通过ajax动态读取xml文件内容的方法
- JS实现加载和读取XML文件的方法详解
- Jsp结合XML+XSLT将输出转换为Html格式
- JS读取XML文件数据并以table形式显示数据的方法(兼容IE与火狐)
- JS使用ajax从xml文件动态获取数据显示的方法
- JavaScript实现读取与输出XML文件数据的方法示例