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> 
  • 相关阅读:
    CDH Mysql元数据库升级
    greenplum gpcheckperf 命令(GP集群压力测试)
    centos7 升级openssh到openssh-8.0p1版本(转)
    正则表达式中的 1
    Docker系列03—Docker 基础入门
    Docker系列01—容器的发展历程
    二进制安装部署 4 kubernetes集群---超详细教程
    kubernetes系列11—PV和PVC详解
    kubernetes系列10—存储卷详解
    kubernetes系列09—Ingress控制器详解
  • 原文地址:https://www.cnblogs.com/henuyuxiang/p/6678129.html
Copyright © 2011-2022 走看看