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

xuan_yb 2002-06-08 04:24:15
怎么才能知道点击了一个表格的第几行?
...全文
80 5 打赏 收藏 转发到动态 举报
写回复
用AI写文章
5 条回复
切换为时间正序
请发表友善的回复…
发表回复
孟子E章 2002-06-08
  • 打赏
  • 举报
回复
可以根据需要也可以用下面的方法:
<table border=1 width="100%">
<tr onclick="alert(this.rowIndex)">
<td>测试</td><td>测试</td><td>测试</td>
</tr>
<tr onclick="alert(this.rowIndex)">
<td>测试</td><td>测试</td><td>测试</td>
</tr>
</table>
孟子E章 2002-06-08
  • 打赏
  • 举报
回复
table border=1 width="100%" onclick="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>
孟子E章 2002-06-08
  • 打赏
  • 举报
回复
<table border=1 width="100%" onclick="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>
xuan_yb 2002-06-08
  • 打赏
  • 举报
回复
如果TD中使用了<a>标签,event.srcElement就会失效,也就无法取到行数和列数。请问大侠如何解决?
mmkk 2002-06-08
  • 打赏
  • 举报
回复
<TABLE border width="98%" onclick="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>

87,994

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧