9.37 点击编辑更改文本.htm

来自「javascript的功能特效。开发必备」· HTM 代码 · 共 21 行

HTM
21
字号
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>test</title>
</head>
<body>
<table>
    <tr><td id="td1">张三</td>
    <td><a href="javascript:edit()">编辑</a></td></tr>
</table>
<script language="javascript">
function edit()
{
    var cell = document.getElementById('td1');  //获取表格
    var v = cell.innerHTML;           //获取表格的内容
    cell.innerHTML = '<input type="text" name="text1" id="text1">';  //动态添加文本框
    document.getElementById('text1').value = v;           //设置文本框的值
}
</script>
</body>
</html>

⌨️ 快捷键说明

复制代码Ctrl + C
搜索代码Ctrl + F
全屏模式F11
增大字号Ctrl + =
减小字号Ctrl + -
显示快捷键?