最近由于看了一些DOM、DHTML方面的資料，為了加深映象，做了一個小例子，從一個xml文件讀取文件，在HTML文檔中顯示。
XML文檔內容如下（user.xml）：
<?xml version="1.0" encoding="gbk"?>
<items>
<item sex="male" age="23" job="developer" />
<item sex="male" age="30" job="manager" />
<item sex="male" age="22" job="test" />
<item sex="male" age="40" job="boss" />
</items>
讀取操作如下:
<html>
<head>
<title>users</title>
</head>
<body>
<table border="1" align="center">
<tbody >
<tr><td>ID</td><td>姓名</td><td>性別</td><td>年齡</td><td>職位</td></tr>
<tbody>
</table>
<script language="javascript">
//創建xml dom對象,讀取xml文件
doc = new ActiveXObject("MSXML2.DOMDocument.3.0");
doc.load("users.xml");
//子元素
var items = doc.documentElement.childNodes;
var oTbody = document.all.tbody;
//遍歷子元素
for(var i=0;i<items.length;i++){
var item = items[i];
var atts = item.attributes;
//利用dhtml創建子元素
var oRow = document.createElement("TR");
for(var j=0;j<atts.length;j++){
oCell = document.createElement("TD");
oCell.innerText = atts[j].value;
oRow.appendChild(oCell);
}
oTbody.appendChild(oRow);
//alert(item.attributes.length);
}
</script>
</body>
</html>
結果如圖：
文章來源:
http://huxiaofei590.blog.163.com/blog/static/325961220071905314700