如何判断鼠标单击的单元格相对于单元格所在行的索引值

　　

如何判断鼠标单击的单元格相对于单元格所在行的索引值


解决思路：

利用单元格的cellIndex属性即可实现


具体步骤：

代码示例：

<table width="200" height="30" border="1">

<tr>

<td onClick="alert(this.cellIndex)">demo</td>

<td onClick="alert(this.cellIndex)">demo</td>

<td onClick="alert(this.cellIndex)">demo</td>

</tr>

</table>

注意：cellIndex返回的是以0开始的索引值，例如第一个单元格返回0，第二个单元格则为1，以此类推。

提示：要取得当前行相对于表格的索引值用rowIndex。

技巧：用rowIndex取得单元格所在行在表格中的索引值，cellIndex取得单元格在所在行的索引值，有了这两个数据就可以知道单元格的位置是第几行第几列了。

试一试：写个在单元格上单击时获取到该单元格的所在行和列。

特别提示

代码运行后，单击第二个单元格，将弹出警告框，内容为 1，效果如图 1.2.36所示。



图 1.2.36 单击单元格时提示该单元格相对于所在行的索引值

特别说明

本例用到了单元格的 cellIndex属性，附带介绍了表格行的 rowIndex属性，跟这两个属性相关的集合有rows和cells。

cellIndex获取对象于所在行的 cells 集合中的位置。

rowIndex获取对象在表格的 rows 集合中的位置。

cells 获取表格行或整个表格中所有单元格的集合。

rows 获取来自于 table 对象的 tr (表格行)对象的集合。