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>  
這可以取鼠標所在列的值
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章