此页面由社区从英文翻译而来。了解更多并加入 MDN Web Docs 社区。

View in English Always switch to English

Selection:deleteFromDocument() 方法

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨2015年7月⁩.

Selection 接口的 deleteFromDocument() 方法会在当前选中的 Range 上调用 Range.deleteContents() 方法。

语法

js
deleteFromDocument()

参数

无。

返回值

无(undefined)。

示例

此示例允许你通过点击按钮删除选中的文本或节点。点击按钮时,Window.getSelection() 方法会获取选中的内容,而 deleteFromDocument() 方法会将其移除。

HTML

html
<p>尝试选中这些段落中的一些内容。</p>
<p>选中后,你可以点击下面的按钮来删除选中的内容。</p>
<h2>所有选中的文本/节点都会被删除。</h2>
<button>删除选中的文本</button>

JavaScript

js
let button = document.querySelector("button");
button.addEventListener("click", deleteSelection);

function deleteSelection() {
  let selection = window.getSelection();
  selection.deleteFromDocument();
}

结果

规范

Specification
Selection API
# dom-selection-deletefromdocument

浏览器兼容性

参见