Javascript 如何在不使用<；输入>；？

我需要制作一个div层，这样当你点击它时，你的光标就会在那里闪烁，你可以像

那样插入/删除文本，只是我不想使用它，因为它对我的情况有点限制

我绝对可以使用JavaScript。

DIV元素有（其他元素也有）

contentEditable

属性，您可以在JavaScript中将该属性设置为true

getElementById('YourDiv').contentEditable = true;

---

我建议您使用textarea，如果这还不够，请使用所见即所得编辑器，如tinyMCE或FCKeditor。

您可以通过将div的

contentEditable

属性/属性设置为

true

使div可编辑。但是，对于比基本编辑功能更强大或更灵活的任何内容，您可能希望查看现有的解决方案，例如：

---

contenteditable属性可用于此目的。以下代码行已经在IE7和Firefox 3.0.10中进行了测试。一部分，我注意到这个属性只能用小写；否则它在Firefox中就不起作用了

<div id="Div_ID" contenteditable="true" tabindex="0">
   Enter text here
</div>

在此处输入文本

据我所知，您可以通过在

div

中添加

textarea

来解决问题。非常简单的方法是使这个

textarea

自动调整大小，以占据整个

div

区域，看起来像这个

div

---

至于

contentEditable

，我见过一些浏览器，它们支持

div

-元素的这一特性，但不支持。无论如何，您可以在div中使用

iframe

。它是

文档

-元素可以有

内容可编辑

Jquery可以这样使用：

$.('#yourDiv').click(function() {
    $(this).attr('contenteditable', 'true');
});

---

也可以在标记中完成：可编辑内容好的，我认为这只能在文档上实现，对不起！请注意，“contentEditable”不在HTML4.01规范或DOM2 HTML规范（1.0）中。它是由浏览器添加的，但是它确实出现在HTML5草案中：这有点酷，但我真的需要一个可以工作的JavaScript/CSS解决方案，允许我将文本添加到DIV的InnerHTML中。