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> |
浏览器兼容性
参见
- 定义此方法的
Selection接口。