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
| Specification |
|---|
| Selection API # dom-selection-deletefromdocument |
Browser compatibility
| desktop | mobile | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
deleteFromDocument | |||||||||||
See also
Selection, the interface defining this method