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>  
这可以取鼠标所在列的值

作者:罗敏贵
邮箱:minguiluo@163.com
QQ群:34178394 建群 主要是寻找志同道合的人士一起学习和讨论自己的所学所思
出处:http://luomingui.cnblogs.com/
说明:专注于微软平台项目架构、熟悉设计模式、架构设计、敏捷个人和项目管理。现主要从事WinForm、ASP.NET、等方面的项目开发、架构、管理工作。文章为作者平时里的思考和练习,可能有不当之处,请博客园的园友们多提宝贵意见。
知识共享许可协议本作品采用知识共享署名-非商业性使用-相同方式共享 2.5 中国大陆许可协议进行许可。

原文地址:https://www.cnblogs.com/luomingui/p/1677725.html