当前位置: 首页 > news >正文

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="width:100%; height:100%;"> 
  <table style="width: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> 

 

相关文章:

  • 设计模式C++实现(14)——职责链模式
  • [BZOJ 1032][JSOI2007]祖码Zuma(区间Dp)
  • Ubuntu 14.04.02 安装深度音乐影音
  • vim中文帮助文档安装
  • 【oracle服务】
  • java操作protobuf
  • 搭建windows server 2008 r2 FTP 后 开启防火墙无法访问的解决办法
  • 解读ASP.NET 5 MVC6系列(4):核心技术与环境配置
  • Python学习(二) 运行Python,编译Python
  • hihoCoder #1094 : Lost in the City(枚举,微软苏州校招笔试 12月27日 )
  • bellman-ford算法
  • 北亚工程师详解数据恢复中RAID6结构
  • NetScaler上配置公网证书时的注意事项
  • 使用MVP模式重构代码
  • 串口小票打印机调试命令
  • IE9 : DOM Exception: INVALID_CHARACTER_ERR (5)
  • 【个人向】《HTTP图解》阅后小结
  • 345-反转字符串中的元音字母
  • iBatis和MyBatis在使用ResultMap对应关系时的区别
  • JAVA之继承和多态
  • KMP算法及优化
  • Spring Cloud Alibaba迁移指南(一):一行代码从 Hystrix 迁移到 Sentinel
  • SQLServer之创建数据库快照
  • SQLServer之创建显式事务
  • tab.js分享及浏览器兼容性问题汇总
  • Yeoman_Bower_Grunt
  • yii2中session跨域名的问题
  • 程序员最讨厌的9句话,你可有补充?
  • 给自己的博客网站加上酷炫的初音未来音乐游戏?
  • 前端js -- this指向总结。
  • 设计模式 开闭原则
  • 使用common-codec进行md5加密
  • 在Unity中实现一个简单的消息管理器
  • ​水经微图Web1.5.0版即将上线
  • ​用户画像从0到100的构建思路
  • # 飞书APP集成平台-数字化落地
  • #我与Java虚拟机的故事#连载09:面试大厂逃不过的JVM
  • $ is not function   和JQUERY 命名 冲突的解说 Jquer问题 (
  • ( 10 )MySQL中的外键
  • (2022版)一套教程搞定k8s安装到实战 | RBAC
  • (C语言)编写程序将一个4×4的数组进行顺时针旋转90度后输出。
  • (阿里云万网)-域名注册购买实名流程
  • (八)Flask之app.route装饰器函数的参数
  • (附源码)小程序儿童艺术培训机构教育管理小程序 毕业设计 201740
  • (剑指Offer)面试题34:丑数
  • (接口自动化)Python3操作MySQL数据库
  • (理论篇)httpmoudle和httphandler一览
  • (七)Knockout 创建自定义绑定
  • (转)利用ant在Mac 下自动化打包签名Android程序
  • .dwp和.webpart的区别
  • .NET Framework Client Profile - a Subset of the .NET Framework Redistribution
  • .net连接oracle数据库
  • .php文件都打不开,打不开php文件怎么办
  • [ CTF ] WriteUp- 2022年第三届“网鼎杯”网络安全大赛(朱雀组)
  • [.net]官方水晶报表的使用以演示下载