如何取得点击了表格的第几行

最新推荐文章于 2019-05-31 14:31:17 发布

iteye_18102

最新推荐文章于 2019-05-31 14:31:17 发布

阅读量217

点赞数

分类专栏： java 文章标签： J#

本文链接：https://blog.csdn.net/iteye_18102/article/details/81726483

版权

java 专栏收录该内容

33 篇文章 0 订阅

订阅专栏

*********1***********
<TABLE border width="98%" οnclick="findcell()" id="tb1">
<TR>
<TD>1</TD>
<TD>2</TD>
</TR>
<TR>
<TD>3</TD>
<TD>4</TD>
</TR>
<TR>
<TD>5</TD>
<TD>6</TD>
</TR>
</TABLE>
<script>
function findcell()
{
var count=0;
for (i=0; i < document.all.tb1.rows.length; i++) {
for (j=0; j < document.all.tb1.rows(i).cells.length; j++) {
if(document.all.tb1.rows(i).cells(j)==event.srcElement)
{
alert("第"+(i+1)+"行"+"第"+(j+1)+"列")
}
}
}

}
</script>
**********2**********
<table border=1 width="100%" οnclick="test()">
<tr>
<td>²âÊÔ</td><td>²âÊÔ</td><td>²âÊÔ</td>
</tr>
<tr>
<td>²âÊÔ</td><td>²âÊÔ</td><td>²âÊÔ</td>
</tr>
<tr>
<td>²âÊÔ</td><td>²âÊÔ</td><td>²âÊÔ</td>
</tr>
<tr>
<td>²âÊÔ</td><td>²âÊÔ</td><td>²âÊÔ</td>
</tr>
</table>
<script>
function test()
{
var e = event.srcElement
while(e.tagName!="TR")
e=e.parentElement
alert(e.rowIndex)
}
</script>
**************3*****************
table border=1 width="100%" οnclick="test()">
<tr>
<td>测试</td><td>测试</td><td>测试</td>
</tr>
<tr>
<td>测试</td><td>测试</td><td>测试</td>
</tr>
<tr>
<td>测试</td><td>测试</td><td>测试</td>
</tr>
<tr>
<td>测试</td><td>测试</td><td>测试</td>
</tr>
</table>
<script>
function test()
{
var e = event.srcElement
while(e.tagName!="TR")
e=e.parentElement
alert(e.rowIndex)
}
</script>