Javascript 单击链接时将JS弹出窗口设置为可编辑

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

我想进一步的是使联系人详细信息的每个字段都可编辑！我可能会在每个字段的旁边放置一个编辑链接，当单击该链接时，我希望相应的字段成为可编辑的

我已经找过了，但找不到解决办法

---

PS：我这里的第一个问题，如果没有说到点子上或其他什么，请道歉。

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

联系特克斯，你已经这么做了 包含onclick=myFunction的编辑按钮 隐藏文本字段样式=显示：无； 函数myFunction{ document.getElementByIdtxtB.style.display=block； document.getElementByIdtxt.style.display=none； } 函数完成它{ document.getElementByIdtxtB.style.display=none； document.getElementByIdtxt.style.display=block； document.getElementByIdtxt.innerHTML=document.getElementByIdtxtB.value； }

---

George Bushedit您可以切换字符串到输入字段，例如，当单击文本HI时，您使用的是什么框架？是纯javascript吗？请阅读并了解如何创建一个SO不是免费的编码服务。我们尝试修复您的代码，我们不编写您的代码。StackOverflow不是一个如何指导服务。网络上有很多脚本随时可用，可以用来做你想做的事情。你几乎解决了我的全部问题。但是，为了显示联系人详细信息，我通过向数据库发送一个ajax请求来检索此人的姓名和其他详细信息，然后使用document.getElementByIdName.innerHTML=填充表格单元格。因此，在这种情况下，如果我把输入文本字段放在同一个单元格中，它将不起作用！然后使用标记将它们分开，并仅从第一个文本所在的div中检索信息。。。我不擅长ajax，这就是为什么我可能错误地得到了解决方案！刚才看了你的回复！顺便说一下，我为td标签使用了单独的id，隐藏/显示了td标签本身，还为输入字段使用了另一个单独的id！这就解决了问题！尽管如此，我仍需要对每个联系人详细信息重复上述步骤。例如：姓名、电话号码、电子邮件ID等。。我将通过更改id来重复这些函数。感觉有点多余！有没有其他方法可以消除这个问题？是的，每个都使用，我现在就插入一个链接