方法1:
<table onmousemove="getinfo()">
<tr> <td>11</td> <td>12</td> <td>13</td></tr>
<tr> <td>21</td> <td>22</td> <td>23</td></tr>
<tr> <td>31</td> <td>32</td> <td>33</td></tr>
</table>
<span id=info></span> 
<script language="JavaScript">...
<!-- 
function getinfo()...{
var e=event.srcElement; 
if(e.tagName=="TD")...{
var r=e.parentElement.rowIndex +1;
var c = e.cellIndex +1;
var a=e.innerText;
info.innerText = "当前行号:" + r + " 当前列号:" + c+" 值:"+a;
}
}
//-->
</script>
<br/>
--------------------------------------------------------------------
<br/>
方法2:
<TABLE>
<TR>
<TD onmouseover="getRowCol(this);">11</TD>
<TD onmouseover="getRowCol(this);">12</TD>
<TD onmouseover="getRowCol(this);">13</TD>
</TR>
<TR>
<TD onmouseover="getRowCol(this);">21</TD>
<TD onmouseover="getRowCol(this);">22</TD>
<TD onmouseover="getRowCol(this);">23</TD>
</TR>
<TR>
<TD onmouseover="getRowCol(this);">31</TD>
<TD onmouseover="getRowCol(this);">32</TD>
<TD onmouseover="getRowCol(this);">33</TD>
</TR>
</TABLE> 
<SCRIPT LANGUAGE="JavaScript">...
<!-- 
function getRowCol(obj)...{
info1.innerText='当前行:'+(obj.parentElement.rowIndex+1)+' 当前列:'+(obj.cellIndex+1)
+' 值:'+ obj.innerText
}
//-->
</SCRIPT> 
<span id=info1></span>
本文介绍两种方法实现当鼠标悬停在HTML表格的单元格上时显示该单元格的行号、列号及其内容。第一种方法通过在表格元素上设置onmousemove事件并使用JavaScript来获取单元格信息;第二种方法则是直接为每个单元格添加onmouseover事件监听器。
3万+

被折叠的 条评论
为什么被折叠?



