测验和ContentEditable标签

时间:2012-10-01 15:19:43

标签: javascript html5 contenteditable

我在一些javascript的帮助下进行简短的html测验。问题是我不想使用<input>接受答案,我正在寻找替代方案。 javascript针对标签ID运行输入。是否可以使用另一个满足的标签。我想要方框说“在这里输入答案”。如果javascript检查ID1,我可以使用

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

而不是

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

理论上似乎没问题,但是当我测试它时,就好像它没有运行我在javascript中键入的内容。有什么建议吗?

更新:我猜它不起作用,因为或许contenteditable实际上并没有改变标签中的文字。标签的任何替代方案/变通方法。谢谢:))

2 个答案:

答案 0 :(得分:1)

如果您尝试使用其value属性(如输入)从contenteditable元素中获取键入的文本,那么您运气不好,因为它没有。您需要innerHTMLtextContent(取决于您是否要忽略格式设置)。

答案 1 :(得分:0)

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

View an example at JSFiddle