javascript - 测验和 ContentEditable 标签

Question

我在一些 javascript 的帮助下进行了一个简短的简单 html 测验。问题是我不想<input>用来接受答案，我正在寻找替代方案。javascript 针对标签 ID 运行输入。是否可以使用另一个带有 contenteditable 的标签。我希望该框说“在此处输入答案”。如果 javascript 检查 ID1，我可以有类似的东西，

<p id="id1" contenteditable="true">Type answer here</p>

代替

<input type="text" id="id1">

理论上似乎还可以，但是当我测试它时，它就像没有运行我在 javascript 上输入的内容。有什么建议么？

更新：我猜它不起作用，因为也许 contenteditable 实际上并没有改变标签中的文本。标签的任何替代方案/解决方法。谢谢 ：）

Answer 1

如果您尝试使用其value属性（如输入）从 contenteditable 元素中获取键入的文本，那么您就不走运了，因为它没有。您需要innerHTMLortextContent代替（取决于您是否要忽略格式）。

Answer 2

value非表单元素在 JavaScript 中没有属性。您必须使用innerHTML或textContent（取决于您是否要保留 HTML 标记）来获取值。

↪在 JSFiddle 查看示例