W3cubDocs

/Web APIs

Selection: deleteFromDocument() method

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

Syntax

js

deleteFromDocument()

Parameters

None.

Return value

None (undefined).

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

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

js

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

See also

  • 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