zoukankan      html  css  js  c++  java
  • 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 中国大陆许可协议进行许可。

  • 相关阅读:
    Subsets
    Reverse Linked List II
    【转】MySQL— 进阶
    【转】MySQL— 基础
    【转】Python-面向对象进阶
    【转】python f-string
    【转】Python基础-封装与扩展、静态方法和类方法
    【转】HTML
    【转】HTTP
    【转】Python3 configparse模块(配置)
  • 原文地址:https://www.cnblogs.com/luomingui/p/1677725.html
Copyright © 2011-2022 走看看