Javascript 我怎样才能清空这个div？

我写了一个div，并将contenteditable设置为true，因此它可以编辑

<div id="editor" contenteditable="true"></div>

首先我写了一些东西，比如“你好” 打开控制台，我看到代码已更改为

<div id="editor" contenteditable="true">hello</div>

你好 但是当我清除我在这个div中输入的单词并再次在其中输入新的内容时，我看到了控制台，代码如下：

<div id="editor" contenteditable="true">
    "hello"
    ""
</div>

“你好”
""

我删除的时间是

”

当检测到

DOMNodeRemoved

时，我尝试了

$（“#编辑器”）.empty（）

，但它不起作用

---

如何清空此div？

只需使用以下代码清空div容器：

$("#editor").text('')

以下是为您清除容器的示例代码：

$（'.clear'）。单击（函数（）{
$（“#编辑器”）。文本（“”）
});

“你好”
""
清除
只需使用以下代码清空div容器：

$("#editor").text('')

以下是为您清除容器的示例代码：
$（'.clear'）。单击（函数（）{
$（“#编辑器”）。文本（“”）
});

“你好”
""
清晰
非常简单

$('#editor').html('');

或

试试这个
非常简单

$('#editor').html('');

或

试试这个
。html（“”）
在您的情况下可以工作<代码>$（“#编辑器”）.html（“”）

要侦听更改，我们可以使用：

$("#editor").on('DOMNodeRemoved', function(e) {
    console.log(e.target, ' => removed');
});

见示例：


setTimeout（函数（）{
$（'#editor'）.html（''）；
}, 1000);
$（“#编辑器”）.on（'DOMNodeRemoved'，函数（e）{
console.log（例如，target，'=>removed'）；
});

“你好”
""
.html（“”）
适用于您的情况<代码>$（“#编辑器”）.html（“”）

要侦听更改，我们可以使用：

$("#editor").on('DOMNodeRemoved', function(e) {
    console.log(e.target, ' => removed');
});

见示例：


setTimeout（函数（）{
$（'#editor'）.html（''）；
}, 1000);
$（“#编辑器”）.on（'DOMNodeRemoved'，函数（e）{
console.log（例如，target，'=>removed'）；
});

“你好”
""
像这样做

$("#editor").text(""); - If this selector is a label
$("#editor").val(""); - If this selector is a input control

使用类名可以对多个类执行相同的操作

$(".editorClass").text("");
$(".editorClass").val("");

做这样的事

$("#editor").text(""); - If this selector is a label
$("#editor").val(""); - If this selector is a input control

使用类名可以对多个类执行相同的操作

$(".editorClass").text("");
$(".editorClass").val("");

很好地工作：它确实有效。您是否使用了其他扩展来包装您的div？工作正常：它实际上可以工作。是否使用其他扩展来包装div？.empty（）方法不仅会删除子元素（和其他子元素），还会删除匹配元素集中的任何文本。这是因为，根据DOM规范，元素中的任何文本字符串都被视为该元素的子节点。请检查jQuery版本。empty（）方法不仅删除子元素（和其他子元素），而且删除匹配元素集中的任何文本。这是因为，根据DOM规范，元素中的任何文本字符串都被视为该元素的子节点version@dfsq-想了解，上面的示例代码如何不适合您？@dfsq-想了解，上面的示例代码如何不适合您？