• 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> 
  • 相关阅读:
    黎活明给程序员的忠告
    servlet单实例多线程模式
    Servlet 获取多个参数
    Java Servlet学习笔记(四)Servlet客户端Http请求
    JavaWeb 后端 <二> 之 Servlet 学习笔记
    Servlet 规范笔记—基于http协议的servlet
    Servlet 规范笔记—servlet概念及结构
    看懂UML类图和时序图
    hibernate中的事务管理是怎么概念?
    Jquery中$.get(),$.post(),$.ajax(),$.getJSON()的用法总结
  • 原文地址:https://www.cnblogs.com/henuyuxiang/p/6678129.html
Copyright © 2020-2023  润新知