javascript - 使用 javascript 单击 HTML 链接时如何添加输入表单？

Question

这个问题已经有答案了:

Using quotation marks in Javascript with innerHTML (4 个回答)

已关闭 6 年前。

我想要一个div包含一个链接。单击后，该链接应替换为 <input type="text"> ，但它就是行不通。

任何其他 html 代码都可以工作，但由于某种原因我无法用输入替换链接:

function working() {
  document.getElementById("working").innerHTML = "<h1>Test</h1>";
};
function notworking() {
  document.getElementById("notworking").innerHTML = "<input type="text">";
};

<div id="working">
  <a onclick="working();" href="#">This works!</a>
</div>
<div id="notworking">
  <a onclick="notworking();" href="#">This doesn't!</a>
</div>
<p>
Notice that the entire code doesn't work unless you comment out the "notworking()" function!
</p>

Answer 1

您的嵌套引号需要单引号；

function notworking() {
document.getElementById("notworking").innerHTML = "<input type='text'>";
}

我已经这样做过很多次了，哈哈，当在双引号内使用引号时，总是使用单引号。

希望对你有帮助!