获取table中的rowIndex和cellIndex

更新时间：2006年12月22日 00:00:00 作者：

在IECN里有朋友问起怎么获取表格中某个单元格的行号与列号，可以用rowIndex和cellIndex来获取．
具体效果请看下面的代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">  <html xmlns="http://www.w3.org/1999/xhtml" lang="gb2312">  <head>  <title> 获取table中的rowIndex和cellIndex </title>  <meta http-equiv="content-type" content="text/html; charset=gb2312" />  <meta name="generator" content="editplus" />  <meta name="author" content="枫岩,cnlei.y.l@gmail.com" />  <meta name="keywords" content="rowIndex,cellIndex" />  <script type="text/javascript">  onload = function() {   if (!document.getElementsByTagName || !document.createTextNode) return;   var rows = document.getElementById('MyTable').getElementsByTagName('tbody')[0].getElementsByTagName('tr');    var cols;   for (i = 0; i < rows.length; i++) {   rows[i].onclick = function() {   alert("行:"+eval(this.rowIndex + 1));   }      cols = rows[i].getElementsByTagName('td');      for (j = 0; j < cols.length; j++){   cols[j].onclick = function() {   alert("列:"+eval(this.cellIndex + 1));   }      }   }  }  </script>  </head>  <body>  <table id="MyTable" border="1">  <tbody>   <tr><td>行1列１</td><td>行1列２</td><td>行1列3</td></tr>   <tr><td>行2列１</td><td>行2列２</td><td>行2列3</td></tr>   <tr><td>行3列１</td><td>行3列２</td><td>行3列3</td></tr>  </tbody>  </table>  </body>  </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

获取table中的rowIndex和cellIndex

JavaScript事件委托实例分析
这篇文章主要介绍了JavaScript事件委托的用法,以实例形式分析了javascript事件委托的实现方法,需要的朋友可以参考下
2015-05-05
原生JS封装ajax 传json，str，excel文件上传提交表单(推荐)
这篇文章主要介绍了原生JS封装ajax 传json，str，excel文件上传提交表单(推荐)的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下
2016-06-06
javascript常见数字进制转换实例分析
这篇文章主要介绍了javascript常见数字进制转换,结合实例形式分析了JavaScript十进制,十六进制及二进制的相互转换原理与技巧,需要的朋友可以参考下
2016-04-04
微信小程序实现上传视频功能
这篇文章主要为大家详细介绍了微信小程序实现上传视频功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2022-08-08
重新理解JavaScript的六种继承方式
通过本文带领大家一起重新理解JavaScript的六种继承方式,非常不错，具有参考借鉴价值，需要的朋友可以参考下
2017-03-03
JavaScript黑洞数字之运算路线查找算法(递归算法)实例
这篇文章主要介绍了JavaScript黑洞数字之运算路线查找算法,涉及JavaScript递归操作算法相关技巧,需要的朋友可以参考下
2016-01-01
JS实现模态框拖拽动态效果
这篇文章主要为大家详细介绍了JS实现模态框拖拽动态效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2022-07-07
使用JS location实现搜索框历史记录功能
这篇文章主要介绍了使用JS location实现搜索框历史记录功能，本文通过实例代码讲解的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下
2019-12-12
JavaScript对Cookie进行读写操作实例
这篇文章主要介绍了JavaScript对Cookie进行读写操作的方法,实例分析了javascript针对cookie的读写操作技巧,非常简单实用,需要的朋友可以参考下
2015-07-07
electron版本升级的简单步骤
Electron是一款流行的跨平台框架,用于构建桌面应用程序,它基于Web技术栈,结合了Chromium和Node.js,可以使用HTML、CSS和JavaScript开发跨平台的应用程序,本文将介绍electron版本升级的简单步骤,并提供相应的源代码示例,需要的朋友可以参考下
2024-05-05

获取table中的rowIndex和cellIndex

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具