获取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

微信小程序canvas.drawImage完全显示图片问题的解决
这篇文章主要介绍了微信小程序canvas.drawImage完全显示图片问题的解决，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2018-11-11
用javascript实现画图效果的代码
用javascript实现画图效果的代码...
2007-07-07
浅谈javascript中的Function和Arguments
下面小编就为大家带来一篇浅谈javascript中的Function和Arguments。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2016-08-08
TextArea设置MaxLength属性最大输入值的js代码
TextArea中限制最大输入长度,实现的方法种种，我们不在一一介绍，今天本文推荐一种简单实用的方法，需要的朋友可以参考下
2012-12-12
Javascript 高性能之递归，迭代，查表法详解及实例
这篇文章主要介绍了Javascript 高性能之递归，迭代，查表法详解及实例的相关资料,需要的朋友可以参考下
2017-01-01
JavaScript实现移动端禁止下拉露出网址广告屏蔽技巧
这篇文章主要为大家介绍了JavaScript实现移动端禁止下拉露出网址或的广告屏蔽技巧示例，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2022-06-06
JavaScript寄生组合式继承原理与用法分析
这篇文章主要介绍了JavaScript寄生组合式继承,结合实例形式分析了javascript寄生组合式继承的原理、定义与简单使用方法,需要的朋友可以参考下
2019-01-01
JS双向链表实现与使用方法示例(增加一个previous属性实现)
这篇文章主要介绍了JS双向链表实现与使用方法,在之前链表的基础上增加一个previous属性实现的双向链表功能,需要的朋友可以参考下
2019-01-01
利用uniapp开发APP时的调试/安卓打包等详解
uni-app是一个使用Vue.js开发所有前端应用的框架,开发者编写一套代码,下面这篇文章主要给大家介绍了关于利用uniapp开发APP时的调试/安卓打包等的相关资料,需要的朋友可以参考下
2022-12-12
js中使用replace方法完成某个字符的转换
这篇文章主要介绍了js中使用replace方法完成某个字符的转换,比较实用，需要的朋友可以参考下
2014-08-08

获取table中的rowIndex和cellIndex

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具