Selection.deleteFromDocument()

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
HTML Editing APIs
The definition of 'Selection.deleteFromDocument()' in that specification.
Editor's Draft Initial definition
Selection API
The definition of 'Selection.deleteFromDocument()' in that specification.
Working Draft Current

Browser compatibility

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
deleteFromDocument
Experimental
Chrome Full support YesEdge Full support 12Firefox Full support 55IE ? Opera Full support YesSafari Full support YesWebView Android Full support YesChrome Android Full support YesFirefox Android Full support 55Opera Android Full support YesSafari iOS Full support YesSamsung Internet Android ?

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