Javascript 如何制作HTML<；部门>；元素可编辑跨浏览器？

您知道如何使用JavaScript使

可编辑吗？我正在寻找跨浏览器解决方案

类似于富文本区域的内容，但使用可编辑的

。我需要类似的

我不想使用替换文本框

制作一个隐藏的“textArea”，选择（单击或悬停）div后，隐藏div并显示textArea。

我找到了方法

您可以使用DomeElement的contentEditable属性，如下所示

<div onClick="this.contentEditable='true';">
    lorem ipsum dolor lorem ipsum dolorlorem ipsum dolor
</div>

lorem ipsum dolor lorem ipsum dolororem ipsum dolor

您可以在纯HTML中执行此操作

<div class="editable" contenteditable="true">
    Editable text...
</div>

可编辑文本。。。

希望这有帮助

将元素的属性设置为

“true”

：

另见：

---

这正是我不想做的。谢谢。是的，我的朋友，它在InternetExplorer6中确实有效！以下是有关此主题的更多信息，以及在旧版本的Internet Explorer中使用此主题的风险。谢谢。为什么不直接设置属性

contenteditable=true

，而不单击

onClick

？或者IE在回答这个问题时不支持吗？它实际上是HtmleElement的属性。请参阅：OP想用JavaScript实现这一点。@Gothdo实际上这就是实现这一点的方法，不需要JS。使用接受的答案，您必须在div上单击两次才能第一次对其进行编辑。在这里，div将显示为普通div，直到您单击该div，它将变为可编辑状态。

<div class="editable" contenteditable="true">
    Editable text...
</div>

element.contentEditable = "true";