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

BCD tables only load in the browser

Siehe auch

  • Selection, das Interface, das diese Methode definiert