<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
</HEAD>
<BODY>
<table border="1">
<tr>
<td>标题</td>
<td>作者</td>
<td>国家</td>
<td>出版社</td>
<td>价格</td>
<td>出版年份</td>
</tr>
<tbody id="display">
</tbody>
</table>
</BODY>
</HTML>
<script language="javascript">// type="text/javascript"
// 定义用于加载XML文档的函数
function xml(str){
if( window.ActiveXObject ){
// 创建DOM解析器
var doc = new ActiveXObject("Microsoft.XMLDOM");
doc.async = "false";
doc.load(str);
return doc ;
}else if( window.DOMParser ){
// 创建DOM解析器
var p = new DOMParser();
return p.parseFromString(str ,"text/xml");
}else{
return false;
}
}
// 处理XML文档book2.xml
var xmlDoc = xml("book2.xml");
var aContent = xmlDoc.getElementsByTagName("COMPUTERBOOK");
for( var i = 0; i< aContent.length ; i++){
// 把<COMPUTERBOOK>中的6个结点的数据存入数组
var data = [aContent[i].childNodes[0].text ,
aContent[i].childNodes[1].text ,
aContent[i].childNodes[2].text ,
aContent[i].childNodes[3].text ,
aContent[i].childNodes[4].text ,
aContent[i].childNodes[5].text ];
var newRow = createRow(data) ;
var displayTable = document.getElementById("display");
displayTable.appendChild( newRow );
}
// 生成表格内容行
function createRow( data ){
var row ,cell ,txtNode;
// 创建一行
row = document.createElement("tr") ;
for( var i = 0; i< data.length ; i++){
// 创建一列
cell = document.createElement("td");
// 创建一列中的值
txtNode = document.createTextNode( data[i] );
// 把值加入列,把列加入行
cell.appendChild( txtNode );
row.appendChild( cell );
}
return row;
}
</script>