此页面由社区从英文翻译而来。了解更多并加入 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

浏览器兼容性

参见