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>