This is an experimental technology
Check the Browser compatibility table carefully before using this in production.
The deleteFromDocument()
method of the Selection
interface deletes the selected text from the document's DOM.
Syntax
sel.deleteFromDocument()
Parameters
None.
Example
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>
JavaScript
let button = document.querySelector('button'); button.addEventListener('click', deleteSelection); function deleteSelection() { let selection = window.getSelection(); selection.deleteFromDocument(); }
Result
Specifications
Specification | Status | Comment |
---|---|---|
Selection API The definition of 'Selection.deleteFromDocument()' in that specification. |
Working Draft | Current |
Browser compatibility
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
deleteFromDocument | Chrome Full support Yes | Edge Full support 12 | Firefox Full support 55 | IE ? | Opera Full support Yes | Safari Full support Yes | WebView Android Full support Yes | Chrome Android Full support Yes | Firefox Android Full support 55 | Opera Android Full support Yes | Safari iOS Full support Yes | Samsung Internet Android Full support Yes |
Legend
- Full support
- Full support
- Compatibility unknown
- Compatibility unknown
- Experimental. Expect behavior to change in the future.
- Experimental. Expect behavior to change in the future.
See also
Selection
, the interface defining this method