Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.

View in English Always switch to English

Highlight: Highlight() Konstruktor

Baseline 2025
Neu verfügbar

Seit June 2025 funktioniert diese Funktion auf aktuellen Geräten und in aktuellen Browserversionen. Auf älteren Geräten oder in älteren Browsern funktioniert sie möglicherweise nicht.

Der Highlight() Konstruktor gibt ein neu erstelltes Highlight-Objekt zurück, das eine Sammlung von AbstractRange-Objekten enthalten kann, die mithilfe der CSS Custom Highlight API gestylt werden können.

Syntax

js
new Highlight()
new Highlight(range)
new Highlight(range1, range2, /* …, */ rangeN)

Parameter

range1, …, rangeN Optional

Eine oder mehrere anfängliche AbstractRange-Objekte, die im neuen Highlight hinzugefügt werden sollen.

Rückgabewert

Ein neues Highlight-Objekt.

Beispiele

Der folgende Code zeigt, wie man ein leeres Highlight-Objekt erstellt und dann Bereiche hinzufügt:

js
const highlight = new Highlight();
highlight.add(range1);
highlight.add(range2);

Der folgende Code zeigt, wie man ein neues Highlight-Objekt erstellt und während der Instanziierung Bereiche hinzufügt:

js
const highlight = new Highlight(range1, range2);

Spezifikationen

Spezifikation
CSS Custom Highlight API Module Level 1
# dom-highlight-highlight

Browser-Kompatibilität

Siehe auch