dom / latest / selection / deletefromdocument.html /

Selection.deleteFromDocument()

The deleteFromDocument() method of the Selection interface deletes the selected text from the document's DOM.

Syntax

deleteFromDocument()

Parameters

None.

Examples

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

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

See also

  • Selection, the interface defining this method

© 2005–2021 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