DOM 解析 XML 文档

<!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> 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值