zoukankan      html  css  js  c++  java
  • JavaScript获取table中某一列的值的方法

    1、实现源码

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
    <html xmlns="http://www.w3.org/1999/xhtml"> 
    <head> 
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
      <title>JavaScript实现获取table中某一列的值</title> 
      <script type="text/javascript"> 
        function getTdValue(){ 
          var tableId = document.getElementById("tab"); 
          var str = ""; 
          for(var i=1;i<tableId.rows.length;i++) { 
            alert(tableId.rows[i].cells[1].innerHTML); 
          } 
        } 
      </script> 
    </head> 
    
    <body style="100%; height:100%;"> 
      <table style="100%; height:100%;" id="tab" onclick="getTdValue()" border="1" cellpadding="1" cellspacing="1"> 
        <tr style="background-color:#CCC;"> 
          <th>学号</th> 
          <th>姓名</th> 
          <th>性别</th> 
          <th>年龄</th> 
        </tr> 
        <tr> 
          <td>1</td> 
          <td>李斯</td> 
          <td></td> 
          <td>22</td> 
        </tr> 
        <tr> 
          <td>2</td> 
          <td>王倩</td> 
          <td></td> 
          <td>20</td> 
        </tr> 
        <tr> 
          <td>3</td> 
          <td>于谦</td> 
          <td></td> 
          <td>18</td> 
        </tr> 
        <tr> 
          <td>4</td> 
          <td>柳浪</td> 
          <td></td> 
          <td>19</td> 
        </tr> 
        <tr> 
          <td>5</td> 
          <td>诸葛亮</td> 
          <td></td> 
          <td>20</td> 
        </tr> 
        <tr> 
          <td>6</td> 
          <td>东方云</td> 
          <td></td> 
          <td>21</td> 
        </tr> 
        <tr> 
          <td>7</td> 
          <td>公孙策</td> 
          <td></td> 
          <td>22</td> 
        </tr> 
        <tr> 
          <td>8</td> 
          <td>宝清</td> 
          <td></td> 
          <td>23</td> 
        </tr> 
        <tr> 
          <td>9</td> 
          <td>智育</td> 
          <td></td> 
          <td>20</td> 
        </tr> 
        <tr> 
          <td>10</td> 
          <td>柳丝丝</td> 
          <td></td> 
          <td>21</td> 
        </tr> 
      </table> 
    </body> 
    </html> 
  • 相关阅读:
    APIO2020 粉刷墙壁
    上传文件超过1MB时,前端直接返回500,没有进入到上传方法
    mybatis xml 文件中 判断条件为时间,则不能做空字符串判断,否则会报错
    springcloud 多模块自动化部署 (Cloud Toolkit)
    @RequestBody Content type 'multipart/form-data;boundary=----WebKitFormBoundarybEyHr0FZTTOHW7Vq;charset=UTF-8' not supported
    读取视频时长
    zuul中使用Configuration注解后,过滤器无响应
    IDEA 2020.1 无法点击表名链接到数据源
    IDEA 常用插件
    转账到支付宝账户
  • 原文地址:https://www.cnblogs.com/henuyuxiang/p/6678129.html
Copyright © 2011-2022 走看看