网站首页 javascript技术

XML文件读取与解析

发布时间：2019-04-16 06:42查看次数：2446

XML文件读取与解析

今天在阅读XML时遇到了 XML在文本编辑器中无法列表式读取的尴尬局面,有不想写个应用小程序了解析XML

于是有了 HTML 解析XML的需要!

HTML5 简直是万能的

代码如下:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>

<script type="text/javascript">
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.open("GET","/sdb_bt/item.xml",false);
xmlhttp.send();
xmlDoc=xmlhttp.responseXML;

document.write("<table border='1'>");  //创建一个表格  表格边框1像素
var x=xmlDoc.getElementsByTagName("item");    //获取ITEM 元素节点数量
//<roow>
//  <item   op=1 op=2>
//<item   op=1 op=2>
///<item   op=1 op=2>
///</roow>
for (i=0;i<x.length;i++)
  {

   document.write("<tr>")  //写出一个行
   // x[i].attributes.length  一个元素的属性数量
    for (var y = x[i].attributes.length - 1; y >= 0; y--) {
      document.write("<td>");
      document.write(x[i].attributes.item(y).nodeValue);  //获取每个属性的值 
       document.write("</td>");

    }
    document.write("</tr>")
 
  }
document.write("</table>");
</script>
</body>
</html>

参考资料地址:http://www.w3school.com.cn/xmldom/dom_methods.asp

德玛西亚深圳宝安 2019年4月16日14:40:58

关键字词：javascript##