最近由于看了一些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