The deleteFromDocument()
method of the Selection
interface deletes the selected text from the document's DOM.
The deleteFromDocument()
method of the Selection
interface deletes the selected text from the document's DOM.
js
deleteFromDocument()
None.
None (undefined
).
This example lets you delete selected text by clicking a button. Upon clicking the button, the Window.getSelection()
method gets the selected text, and the deleteFromDocument()
method removes it.
html
<p> Try highlighting some of the text in this paragraph. Once you do, you can remove the selected content by clicking the button below. </p> <button>Delete selected text</button>
js
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 | Internet Explorer | Opera | Safari | WebView Android | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | |
deleteFromDocument |
1 | 12 | 1 | 9 | ≤12.1 | 3.1 | 4.4 | 18 | 4 | ≤12.1 | 2 | 1.0 |
Selection
, the interface defining this method
© 2005–2023 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