Selection: Methode deleteFromDocument()

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2017.

Die deleteFromDocument()-Methode des Selection-Interfaces ruft die Range.deleteContents()-Methode auf dem ausgewählten Range auf.

Syntax

js
deleteFromDocument()

Parameter

Keine.

Rückgabewert

Keiner (undefined).

Beispiele

Dieses Beispiel ermöglicht es Ihnen, durch Klicken auf eine Schaltfläche ausgewählten Text und/oder Knoten zu löschen. Beim Klicken auf die Schaltfläche wird die Methode Window.getSelection() aufgerufen, um den ausgewählten Inhalt zu erhalten, und die Methode deleteFromDocument() entfernt ihn.

HTML

html
<p>Try highlighting some of the elements in these paragraphs.</p>
<p>
  Once you do, you can remove the selected content by clicking the button below.
</p>
<h2>All of the selected text/nodes will be removed.</h2>
<button>Delete selected text</button>

JavaScript

js
let button = document.querySelector("button");
button.addEventListener("click", deleteSelection);

function deleteSelection() {
  let selection = window.getSelection();
  selection.deleteFromDocument();
}

Ergebnis

Spezifikationen

Specification
Selection API
# dom-selection-deletefromdocument

Browser-Kompatibilität

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
deleteFromDocument

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support

Siehe auch

  • Selection, das Interface, das diese Methode definiert