资料
表格
制度
合同
管理
职场
经营
创业
范文
总结
计划
作文
文章
美文
词句
教程
模板
图片
字体
图标
办公
人事
财务
生产
管理资源吧首页
>>>
教程
>>>
编程
>>>
JavaScript教程
>>>
获取table中的rowIndex和cellIndex
在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" /> <img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20type%3D%22text%2Fjavascript%22%3E%20%20%0D%0Aonload%20%3D%20function()%20%7B%20%20%0D%0A%20if%20(!document.getElementsByTagName%20%7C%7C%20!document.createTextNode)%20return%3B%20%20%0D%0A%20var%20rows%20%3D%20document.getElementById('MyTable').getElementsByTagName('tbody')%5B0%5D.getElementsByTagName('tr')%3B%20%20%0D%0A%20%20var%20cols%3B%20%20%0D%0A%20for%20(i%20%3D%200%3B%20i%20%3C%20rows.length%3B%20i%2B%2B)%20%7B%20%20%0D%0A%20rows%5Bi%5D.onclick%20%3D%20function()%20%7B%20%20%0D%0A%20alert(%22%E8%A1%8C%3A%22%2Beval(this.rowIndex%20%2B%201))%3B%20%20%0D%0A%20%7D%20%20%0D%0A%20%20%20%20cols%20%3D%20rows%5Bi%5D.getElementsByTagName('td')%3B%20%20%0D%0A%20%20%20%20for%20(j%20%3D%200%3B%20j%20%3C%20cols.length%3B%20j%2B%2B)%7B%20%20%0D%0A%20cols%5Bj%5D.onclick%20%3D%20function()%20%7B%20%20%0D%0A%20alert(%22%E5%88%97%3A%22%2Beval(this.cellIndex%20%2B%201))%3B%20%20%0D%0A%20%7D%20%20%0D%0A%20%20%20%20%7D%20%20%0D%0A%20%7D%20%20%0D%0A%7D%20%20%0D%0A%3C%2Fscript%3E"> </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需刷新才能执行
]
教程首页
更多教程