• 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> 
  • 相关阅读:
    第六章 优化服务器设置--高性能MySQL 施瓦茨--读书笔记
    skip-external-locking --mysql配置说明
    mysql配置文件my.cnf详解
    Response.Redirect 打开新窗口的两种方法
    .net中Response.End() 和Response.Redirect("http://dotnet.aspx.cc");
    onclientclick与onclick的问题.
    a href="javascript:void(0)" 是什么意思?加不加上有什么区别?
    ashx是什么文件
    CSS里的 no-repeat
    css中 repeat-x 的简单用法
  • 原文地址:https://www.cnblogs.com/henuyuxiang/p/6678129.html
Copyright © 2020-2023  润新知