Selection.deleteFromDocument()

Experimental: 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
Selection API # dom-selection-deletefromdocument

Browser compatibility

	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	1	18	4	≤12.1	2	1.0