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>

点击调整金额按钮，所有金额的单元格都变成文本框可编辑的，如何做能做到啊，