This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
The deleteFromDocument() method of the Selection interface invokes the Range.deleteContents() method on the selected Range.
deleteFromDocument()
None.
None (undefined).
This example lets you delete selected text and/or nodes by clicking a button. Upon clicking the button, the Window.getSelection() method gets the selected content, and the deleteFromDocument() method removes it.
<p>Try highlighting some of the elements in these paragraphs.</p> <p> Once you do, you can remove the selected content by clicking the button below. </p> <h2>All of the selected text/nodes will be removed.</h2> <button>Delete selected text</button>
let button = document.querySelector("button");
button.addEventListener("click", deleteSelection);
function deleteSelection() {
let selection = window.getSelection();
selection.deleteFromDocument();
}
| Specification |
|---|
| Selection API> # dom-selection-deletefromdocument> |
| Desktop | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | WebView Android | WebView on iOS | |
deleteFromDocument |
1 | 12 | 1 | ≤12.1 | 3.1 | 18 | 4 | ≤12.1 | 2 | 1.0 | 4.4 | 2 |
Selection, the interface defining this method
© 2005–2025 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/Selection/deleteFromDocument