显示表格行列的问题

first:<table width="100%" border="1" cellspacing="0" cellpadding="0" id=t>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
</table>
<SCRIPT LANGUAGE="JavaScript">
<!--
onload=function()
{
for(var i=0;i<t.rows.length;i++)
{
for(var j=0;j<t.rows[i].cells.length;j++)
{
t.rows[i].cells[j].innerText=Math.random()+"";
eval("t.rows["+i+"].cells["+j+"].onclick=function(){alert('第"+i+"行,第"+j+"列')}");
}
}
}
//-->
</SCRIPT>

解决方案 »

  1.   

    OR:<body>
    <TABLE onclick="f(event)" id="tbl" border="1">
    <TR>
    <TD>asdf</TD>
    <TD>asdfasdf</TD>
    </TR>
    <TR>
    <TD>asdf</TD>
    <TD>asdfasdf</TD>
    </TR>
    <TR>
    <TD>asdf</TD>
    <TD>asdfasdf</TD>
    </TR>
    <TR>
    <TD>asdf</TD>
    <TD>asdfasdf</TD>
    </TR>
    <TR>
    <TD>asdf</TD>
    <TD>asdfasdf</TD>
    </TR>
    </TABLE>
    <script>
    function f(e) {
    var e=e||window.event;
    var a=e.srcElement?e.srcElement:e.target;
    while(a.tagName!='TD')a=a.parentNode;
    var i=a.cellIndex;
    while(a.tagName!='TR')a=a.parentNode;
    var j=a.rowIndex;
    alert('第'+j+'行,第'+i+'列');
    }
    </script>
    </body>
      

  2.   

    是啊，谢谢哦！
    我想在表格中判断其内容，如果是名为hello的图片，鼠标移动到上面就在鼠标位置旁边显示表格行列，怎么实现呢？
      

  3.   

    说的具体一点，是img的id名称为hello还是链接地址是hello。最简单的方法是当你生成表格中的内容时，在hello这个图片上加一个onmouseover处理事件，事件处理方法就是上面写的那段方法。如果不这样，那只能当鼠标移动到单元格上是，分析单元格的所有childnode，判断有没有你要找的hello图片，但这样效率就有点低了，因为当鼠标滑动到任何一个单元格上时，都会启动处理方法。
      

  4.   

    谢谢楼上的提示！
    我不想用“alert('第'+j+'行,第'+i+'列');”这种方式显示表格行列，我想实现的是：当鼠标滑到图片（所链接的图片名为hello）上时，就在鼠标周围显示表格行列。