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> 
  • 相关阅读:
    记一次Redis+Getshell经验分享
    冰蝎动态二进制加密WebShell基于流量侧检测方案
    ubuntu16下安装mongodb 3.6
    centos安装sass环境必看
    CLR 调试体系结构
    CLR 调试概述
    CLR Exception---E0434352
    关于System.MissingMethodException异常
    关于异常System.ArgumentException
    从.NET/CLR返回的hresult:0x8013XXXX的解释
  • 原文地址:https://www.cnblogs.com/henuyuxiang/p/6678129.html
Copyright © 2011-2022 走看看