js操作表格Table

//使用rows属性,获取表格中行的数目
<script type="text/javascript"> 
window.onload=function(){
  var otable=document.getElementById("antzone");
  var odiv=document.getElementById("show");
  var num=0;
  for(var index=0;index<otable.rows.length;index++){
    num=num+1;
  }
  odiv.innerHTML=num;
}
</script>
//获取表格中列的数据
<script type="text/javascript"> 
window.onload=function(){
  var otable=document.getElementById("antzone");
  var odiv=document.getElementById("show");
  var num=0;
  for(var index=0;index<otable.rows[0].cells.length;index++){
    num=num+1;
  }
  odiv.innerHTML=num;
}
</script>
//遍历table表格的每一个单元格,并将其中的内容存入数组
<script type="text/javascript"> 
window.onload=function(){
  var otable=document.getElementById("antzone");
  var odiv=document.getElementById("show");
  var arr=[];
  for(var index=0;index<otable.rows.length;index++){
    for(var j=0;j<otable.rows[index].cells.length;j++){
      arr.push(otable.rows[index].cells[j].innerHTML);
    }
  }
  odiv.innerHTML=arr.toString();
}
</script>

 

posted @ 2017-02-21 11:58  正在学习的孩子  阅读(431)  评论(0编辑  收藏  举报