javascript如何实现一个table中的单元格变成文本框

例：
<table width="100%"  align="center"   id="mytbl" border="0" bgcolor="#EEEEEE">

  <tr>
  <td class="td_center">摘要</td>
  <td class="td_center">账期</td>
  <td class="td_center">合同</td>
  <td class="td_center">收费项目</td>
  <td class="td_center">收费次数</td>
  <td class="td_center">系统金额</td>
  <td class="td_center">调整金额</td>
  <td class="td_center">实际收费金额</td>
  <td class="td_center">客服</td>
  <td class="td_center">业务员</td>
  <td class="td_center">来源</td>
  <td class="td_center">备注</td>
  </tr>
<tr>
  <td class="td_center"></td>
  <td class="td_center"></td>
  <td class="td_center"></td>
  <td class="td_center"></td>
  <td class="td_center"></td>
  <td class="td_center"></td>
  <td class="td_center"></td>
  <td class="td_center"></td>
  <td class="td_center"></td>
  <td class="td_center"></td>
  <td class="td_center"></td>
  <td class="td_center"></td>
  </tr>
</table>
<table>
<tr>
<td>
<input type="submit" name="sure" value="调整金额" class="2but" onClick="javascript:selPost()">
</td>
</tr>
</table>点击调整金额按钮，所有金额的单元格都变成文本框可编辑的，如何做能做到啊，

解决方案 »

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

本身就带有文本框，式样DISPLAY:NONE，点击按钮改变DISPLAY就可以显示了
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>单击单元格，将其变为文本框</title>
<style type="text/css">

</style>
<script language="javascript">
// 将单元格转化成文本框
function changeTotext(obj)
{
    var tdValue = obj.innerText;
    obj.innerText = "";
    var txt = document.createElement("input");
    txt.type = "text";
    txt.value = tdValue;
    txt.id = "_text_000000000_";
    txt.setAttribute("className","text");
    obj.appendChild(txt);
    txt.select();
    //obj.style.border = "1px dashed #ff9900";
}
// 取消单元格中的文本框，并将文本框中的值赋给单元格
function cancel(obj)
{
    var txtValue = document.getElementById("_text_000000000_").value;
    obj.innerText = txtValue;
}
/*********************************************/
// 事件
document.ondblclick = function()
{
    if (event.srcElement.tagName.toLowerCase() == "td")
    {
        changeTotext(event.srcElement);
    }

}
document.onmouseup = function()
{
    if (document.getElementById("_text_000000000_") && event.srcElement.id != "_text_000000000_")
    {
        var obj = document.getElementById("_text_000000000_").parentElement;
        cancel(obj);
    }
}
</script>
</head>
<body>
<table width="50%" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td>dblclick</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>
  <tr>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
  </tr>
</table>
</body>
</html> 这是一个双击后出现输入框的方法，LZ可以在这基础上加工一下！！！
Web 开发常用手册JScript语言参考.rar
http://download.csdn.net/source/308916DHTML参考手册.rar
http://download.csdn.net/source/308913样式表中文手册.chm
http://download.csdn.net/source/304124
请问二楼  if (document.getElementById("_text_000000000_") && event.srcElement.id != "_text_000000000_") 是什么意思啊，没有叫("_text_000000000_") 这个的Element啊
在changeTotext中设置了双击后的输入框的IDtxt.id = "_text_000000000_";