Table的两个属性rowIndex与cellIndex

最新推荐文章于 2021-11-01 16:34:39 发布

LeON382

最新推荐文章于 2021-11-01 16:34:39 发布

阅读量2.1k

点赞数

文章标签： table border c

本文链接：https://blog.csdn.net/LeON382/article/details/1941767

版权

rowIndex用于判断当前单元格所处行的索引（从0开始）
cellIndex用于判断当前单元格所处列的索引（从0开始）

通常我们可以把他们的事件写在TD里，因为rowIndex属性应该是属于<tr>标记，因此在判断rowIndex需要访问父节点，
示例如下：

< table align ="center" width ="100%" height ="400" cellspacing ="1" border ="1" bordercolor ="#000000" bordercolorlight ="#000000" bordercolordark ="#C0C0C0" bgcolor ="#C0C0C0" >
   < tr >
     < td >   </ td >
     < td >   </ td >
     < td >   </ td >
     < td >   </ td >
   </ tr >
   < tr >
     < td onclick ="alert('行：'+(this.parentNode.rowIndex+1)+'列：'+(this.cellIndex+1))" >   </ td >
     < td >   </ td >
     < td >   </ td >
     < td >   </ td >
   </ tr >
   < tr >
     < td >   </ td >
     < td >   </ td >
     < td >   </ td >
     < td >   </ td >
   </ tr >
</ table >