<script type="text/javascript">
function changeInput()
{
var button = document.getElementById("button").value;
document.getElementById("button").value ="保存"; //点击修改按钮后,将修改变为保存
var item0 = document.getElementById("item0");
var itemA = item0.innerHTML;
item0.innerHTML = "<input style='width:200px;' type='text' value='" + itemA + "'/>";
}
</script>
</head>
<body>
<table id="table_id">
<tr><td id="item0">张三</td></tr>
<tr>
<td><input id="button" type="button" value="修改" onclick="changeInput()"/></td>
</tr>
</table>
</body>
这个是我之前测试用的,点击按钮,将列变成文本框,修改变成保存。你照着改一下就可以了。
你可以将这段代码复制到myEclipse中运行一下
温馨提示:内容为网友见解,仅供参考