获取table中的rowIndex和cellIndex

ttx9n · 发表于 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需刷新才能执行]

rveqwdpw5 · 发表于 2022-11-13 11:59:54

你们谁看了弄洒了可能

fwn2rd · 发表于 2022-12-20 08:38:33

额UI废物iuhfujewfiewnnfen

idy6_yus · 发表于 2022-12-23 10:23:47

快更新啊，我擦

z835648964 · 发表于 2023-9-10 11:44:37

收下来看看怎么样

w18pvaep · 发表于 2023-10-10 11:26:07

额风风风微风微风违法

leidie123a · 发表于 2023-10-24 07:10:34

hi哦和烦恼农家女

v3sfsi · 发表于 2023-11-3 04:01:05

管灌灌灌灌灌灌灌灌灌灌

a75620618 · 发表于 2024-3-18 08:54:23

儿飞飞微风DVD谁vdsvd

j__j33p · 发表于 2024-3-25 08:36:20

谢谢小Y分享

账号		自动登录	找回密码
密码			立即注册

[JavaScript] 获取table中的rowIndex和cellIndex

相关帖子