Go to my github

javascript 取table中内容

1,有如下表格,我们要取第2行第2列的值
<table id="table1">
     <tr>
         <td>1行1列</td>
         <td>1行2列</td>
      </tr>
     <tr>
         <td>2行1列</td>
         <td>2行2列</td>
      </tr>
</table>
2,取值方法
   var value==window.table1.rows.item(0).cells.item(0).innerText;
注意:行号,列号是从 0 开始的
  例如 var value =window.table1.rows.item(1).cells.item(1).innerText;
  这就取到了第2行第2列的值
3.改进方法
   上面的方法,需要知道行号,实践中是不方便获得的,下面是改进的方法
<script language="javascript">
 var str;
</script>
  <table >
     <tr onMouseDown="str=this.cells.item(0).innerText">
         <td>1行1列</td>
         <td>1行2列</td>
      </tr>
     <tr onMouseDown="str=this.cells.item(0).innerText">
         <td>2行1列</td>
         <td>2行2列</td>
      </tr>
</table>
当鼠标按下时,我们就取到了该行第1列的值
<td onMouseDown="str=this.innerText">2行1列</td>  
这可以取鼠标所在列的值
posted @ 2010-03-03 23:03  峡谷少爷  阅读(475)  评论(0编辑  收藏  举报