选中单元格的js效果

<HTML>
<HEAD>
<TITLE>  试验 </TITLE>
<script>
//单击事件
function doClick()
{
//判断是否点中了单元格
if(event.srcElement.tagName == "TD")
{
alert(event.srcElement.innerText);
}
else
{
alert("点在框上了!");
}
}
</script>
<BODY>
  <table width="300" border="1" onclick="doClick()">
<tr height="50">
<td width="100" align="center">11</td>
<td width="100" align="center">12</td>
<td width="100" align="center">13</td>
</tr>
<tr height="50">
<td width="100" align="center">21</td>
<td width="100" align="center">22</td>
<td width="100" align="center">23</td>
</tr>
  </table>
</BODY>
</HTML>

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
  <title></title>
  <script type="text/javascript">
    function tdclick(){
        if(event.srcElement.tagName.toLowerCase()=='td')
             alert("行："+(event.srcElement.parentNode.rowIndex+1)+"列："+(event.srcElement.cellIndex+1));
     }
  </script>
</head>
<body>
<table align="center" onclick="tdclick()" 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> </td>
    <td> </td>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
  </tr>
</table>
</body>
</html>
这个是我以前百度搜到的一个例子，应该对你有帮助吧。
还有个问题。就是当选中单元格之后，在它的上方弹出个input框，然后回车后td中内容就是输入值。

请问有什么思路没有？或者例子，谢谢各位！！！！
<html>
<head>
<title> 试验 </title>
<script>
//单击事件
function doClick()
{
//判断是否点中了单元格
if(event.srcElement.tagName == "TD")
{
//单元格内生成文本框
event.srcElement.innerHTML = "<input type='text' id='tempText' value='"+event.srcElement.innerText+"' onblur='blurText()'>";
//文本框获得焦点为
document.getElementById('tempText').focus();
}
}//焦点离开文本框的事件
function blurText()
{
//单元格获得文本框的值
event.srcElement.parentElement.innerText =  event.srcElement.value;
}//敲回车的事件
function enterKey()
{
//判断是否回车键
if(event.keyCode==13)
{
blurText();
}
}
</script>
</head><body>
  <table width="300" border="1" onclick="doClick()" onKeyDown="enterKey()">
<tr height="50">
<td width="100" align="center"> </td>
<td width="100" align="center"> </td>
<td width="100" align="center"> </td>
</tr>
<tr height="50">
<td width="100" align="center"> </td>
<td width="100" align="center"> </td>
<td width="100" align="center"> </td>
</tr>
  </table>
</body>
</html>