javascript - 如何通过onclick将更改为<input>

Question

我有<p>某文字</p>我想通过 onClick 将其更改为 <input value="certain text"> ,这样就可以对其进行编辑。

我找到的所有解决方案都是单击按钮。我希望隐藏文本并显示输入字段。

Answer 1

function makeInput(e) {
   e.innerHTML = '<input value="'+e.innerText+'">';
}

<p onclick="makeInput(this)">a certain value</p>

一种可能的替代方案是仅使 p 标签的内容可编辑，并使用 javascript 提交信息，而不使用 input 标签。

<p contenteditable="true">This is an editable paragraph.</p>