单击链接时可以编辑JS弹出窗口

Question

我基本上创建一个电话簿网络应用程序，作为我在网络开发中学习的起点。我已经创建了联系人，并且在点击特定联系人时，我已将联系人详细信息显示为弹出窗口。

我还希望进一步让联系方式的每个字段都可以编辑！我可能会放置一个＆＃34;编辑＆＃34;链接在每个字段的侧面，当点击它时，我希望相应的字段可以编辑。

我已经搜索过，但我无法找到解决方案。

PS：我在这里提出的第一个问题，如果不是重点，那就道歉。

Answer 1

应该很简单。您必须为每个联系人创建树元素：

1. 联系tex（您已经这样做了）
2. 编辑（包含onclick =＆＃34; myFunction（）＆＃34;的按钮）
3. 隐藏文字字段（style =＆＃34; display：none;＆＃34;）
＆＃13;
＆＃13;
function myFunction(){
document.getElementById("txtB").style.display = "block";
document.getElementById("txt").style.display = "none";
}

function finishedEdit(){
document.getElementById("txtB").style.display = "none";
document.getElementById("txt").style.display = "block";
document.getElementById("txt").innerHTML = document.getElementById("txtB").value;
}
＆＃13;
    <span style="display:block;" id="txt">George Bush</span><input onchange="finishedEdit()" id="txtB" type="text" value="George Bush" style="display:none;"/><button onclick="myFunction()">Edit</button>
＆＃13;
＆＃13;
＆＃13;

这不完全是您想要的，但我无法做更多，因为我无法看到您的代码。