HTML表格和文本框
我想利用HTML+CSS+JS实现一个这样的功能：有一个表格，每行后面有个修改按钮，点击修改按钮后，此时修改按钮变成了保存按钮，该行的内容就变成可编辑的文本，可随意编辑。...
我想利用HTML+CSS+JS实现一个这样的功能：
有一个表格，每行后面有个修改按钮，点击修改按钮后，此时修改按钮变成了保存按钮，该行的内容就变成可编辑的文本，可随意编辑。然后点击保存按钮，可编辑的文本框又变回原来的表格模样。
求大神指点！！！ 展开
有一个表格，每行后面有个修改按钮，点击修改按钮后，此时修改按钮变成了保存按钮，该行的内容就变成可编辑的文本，可随意编辑。然后点击保存按钮，可编辑的文本框又变回原来的表格模样。
求大神指点！！！ 展开
1个回答
展开全部
<td>标签里面同时包含<input>和 <div>,在非编辑状态下，显示div，隐藏input,单击编辑之后把div隐藏，显示input.
追问
具体怎么做，求举个例。
追答
<html>
<head>
<title>test</title>
</head>
<script type="text/javascript">
function test(td){
if(td.innerHTML == "编辑"){
td.innerHTML = '保存';
document.getElementById('div').style.display = "none";
document.getElementById("edit").style.display = "";
}else{
td.innerHTML = '编辑';
document.getElementById('div').value = document.getElementById('input').value;
document.getElementById('div').style.display = "";
document.getElementById("edit").style.display = "none";
}
}
</script>
<body>
<table border="1">
<tr>
<td>
<div id="div" style="width:180px;">123</div>
<input id="edit" value="" style="display:none;" />
</td>
<td onclick="test(this);">编辑</td>
</tr>
</table>
</body>
</html>
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
博思aippt
2024-07-20 广告
作为深圳市博思云创科技有限公司的工作人员，对于Word文档生成PPT的操作，我们有以下建议：1. 使用另存为功能：在Word中编辑完文档后，点击文件->另存为，选择PowerPoint演示文稿（*.pptx）格式，即可将文档内容转换为PPT...
点击进入详情页
本回答由博思aippt提供
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
