JavaScript 解析 XML 并生成 HTML 表格示例

JavaScript 解析 XML 并生成 HTML 表格示例

person.htm文件示例：

<html>
<body>
<script type="text/javascript">
var xmlDoc=null;
if (window.ActiveXObject)
{ 
// 针对IE浏览器处理
xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
} 
else if (document.implementation.createDocument)
{ 
// 针对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>