Was gehört zur JavaScript-Referenz?

Die Referenz listet die eingebauten Funktionen, Klassen, Schlüsselwörter und Konstanten der Sprache JavaScript alphabetisch — mit Signatur, kurzer Beschreibung und Beispielen. Für erklärende Konzepte und Guides siehe die JavaScript-Übersicht.

Wie finde ich einen Eintrag schnell?

Nutze die Buchstaben-Navigation (A–Z) oder das Suchfeld oben auf dieser Seite. Du kannst auch nach Typ filtern (Funktion, Klasse, Keyword …).

Die Referenz wird kontinuierlich erweitert. Fehlt dir ein bestimmter Eintrag, schreib uns kurz über /kontakt — wir priorisieren Vorschläge aus der Community.

JavaScript-Referenz — alle Funktionen, Klassen und Konzepte

EcdhKeyDeriveParams Schnittstelle

Parameter-Wörterbuch für <code>SubtleCrypto.deriveKey()</code> und <code>deriveBits()</code>, wenn ein gemeinsames Geheimnis per ECDH oder X25519 abgeleitet wird.

EcdsaParams Schnittstelle

Wörterbuch-Objekt, das als <code>algorithm</code>-Parameter an <code>SubtleCrypto.sign()</code> und <code>SubtleCrypto.verify()</code> übergeben wird, wenn mit ECDSA signiert oder geprüft wird.

EcKeyGenParams Schnittstelle

Wörterbuch für den <code>algorithm</code>-Parameter von <code>SubtleCrypto.generateKey()</code>, um ein ECDSA- oder ECDH-Schlüsselpaar auf einer bestimmten elliptischen Kurve zu erzeugen.

EcKeyImportParams Schnittstelle

Wörterbuch-Objekt, das als <code>algorithm</code>-Argument an <code>SubtleCrypto.importKey()</code> oder <code>unwrapKey()</code> übergeben wird, um einen ECDSA- oder ECDH-Schlüssel zu importieren.

EditContext Schnittstelle

Stellt den Textbearbeitungskontext eines Elements dar, das über die EditContext API bearbeitbar gemacht wird – Texteingabe und Darstellung sind dabei getrennt.

EditContext.attachedElements() Methode

Gibt ein Array mit dem HTML-Element zurück, dem der <code>EditContext</code> zugeordnet ist, oder ein leeres Array, wenn keines zugeordnet ist.

EditContext.characterBounds() Methode

Gibt ein Array von <code>DOMRect</code>-Objekten zurück: die Begrenzungsrechtecke der Zeichen, die zuvor mit <code>updateCharacterBounds()</code> im <code>EditContext</code> hinterlegt wurden.

EditContext.characterBoundsRangeStart Eigenschaft

Liefert den Zeichenindex im Text des <code>EditContext</code>, der zum ersten Eintrag des <code>characterBounds()</code>-Arrays gehört.

EditContext.selectionEnd Eigenschaft

Schreibgeschützte Eigenschaft, die als Zeichen-Offset angibt, wo die aktuelle Auswahl im Text eines <code>EditContext</code> endet.

EditContext.selectionStart Eigenschaft

Schreibgeschützte Zahl: der Versatz in UTF-16-Codeeinheiten im Text eines <code>EditContext</code>, an dem die aktuelle Auswahl bzw. die Einfügemarke beginnt.

EditContext.text Eigenschaft

Die schreibgeschützte Eigenschaft <code>text</code> liefert den aktuellen bearbeitbaren Textinhalt, den ein <code>EditContext</code> verwaltet, als String.

EditContext.updateCharacterBounds() Methode

Teilt dem Betriebssystem Position und Größe einzelner Zeichen im bearbeitbaren Bereich mit, meist als Reaktion auf das Ereignis <code>characterboundsupdate</code>.

EditContext.updateControlBounds() Methode

Teilt dem Betriebssystem Position und Größe des bearbeitbaren Bereichs eines <code>EditContext</code> mit, damit die Texteingabe-Oberfläche (IME) richtig platziert wird.

EditContext.updateSelection() Methode

Teilt dem Betriebssystem bzw. der Eingabemethode (IME) die aktuelle Auswahl bzw. Cursorposition innerhalb des Textes eines <code>EditContext</code> mit.

EditContext.updateSelectionBounds() Methode

Teilt dem Betriebssystem die Position und Größe der aktuellen Textauswahl bzw. des Cursors im bearbeitbaren Bereich eines <code>EditContext</code> mit.

EditContext.updateText() Methode

Ersetzt im internen Textpuffer eines <code>EditContext</code> den Bereich zwischen <code>rangeStart</code> und <code>rangeEnd</code> durch den angegebenen Text.

EditContext: characterboundsupdate Ereignis

Wird ausgelöst, wenn das Betriebssystem bzw. die Eingabemethode (IME) die Bildschirmposition bestimmter Zeichen im Text eines <code>EditContext</code> benötigt.

EditContext: compositionend Ereignis

Wird an einem <code>EditContext</code> ausgelöst, wenn eine IME-Komposition endet, also der Nutzer den Text im Eingabemethoden-Fenster bestätigt oder die Eingabe abgebrochen hat.

EditContext: compositionstart Ereignis

Wird an einem <code>EditContext</code> ausgelöst, sobald eine IME-Komposition beginnt, etwa beim Tippen japanischer, chinesischer oder koreanischer Zeichen.

EditContext: textformatupdate Ereignis

Wird bei einer IME-Komposition ausgelöst, wenn das Eingabesystem Formatierungen wie Unterstreichungen für Textbereiche im <code>EditContext</code> vorgibt.

EditContext: textupdate Ereignis

Wird ausgelöst, wenn der Benutzer Text oder Auswahl in einem Element geändert hat, das mit einer <code>EditContext</code>-Instanz verknüpft ist.

Eingabebegrenzungs-Assertion: ^, $ Keyword

Die Zeichen <code>^</code> und <code>$</code> prüfen, ob die aktuelle Position am Anfang bzw. am Ende der Eingabe liegt. Mit dem Flag <code>m</code> prüfen sie stattdessen auf Zeilengrenzen.

Element Schnittstelle

<code>Element</code> ist die allgemeinste Basisklasse, von der alle Elementobjekte eines <code>Document</code> erben – sie bündelt Methoden und Eigenschaften, die alle Elemente gemeinsam haben.

Element.activeViewTransition Eigenschaft

Schreibgeschützte Eigenschaft, die das <code>ViewTransition</code>-Objekt der gerade laufenden elementbezogenen View-Transition liefert, oder <code>null</code>, wenn keine läuft.

Element.after() Methode

Fügt einen oder mehrere Knoten oder Zeichenketten direkt hinter dem Element in die Kindliste seines Elternknotens ein.

Element.animate() Methode

Erstellt eine neue <code>Animation</code> aus Keyframes und Zeitoptionen, wendet sie auf das Element an und startet sie sofort.

Element.append() Methode

Die Methode <code>Element.append()</code> fügt <code>Node</code>-Objekte oder Strings nach dem letzten Kind eines Elements ein.

Element.ariaActiveDescendantElement Eigenschaft

Liest oder setzt das aktuell aktive Kindelement eines fokussierten Widgets als Elementreferenz und spiegelt damit das Attribut <code>aria-activedescendant</code>.

Element.ariaAtomic Eigenschaft

Spiegelt das Attribut <code>aria-atomic</code> wider. Es legt fest, ob Screenreader bei einer Änderung den ganzen Live-Bereich vorlesen oder nur die geänderten Teile.

Element.ariaAutoComplete Eigenschaft

Liest oder setzt den Wert des <code>aria-autocomplete</code>-Attributs als String und zeigt damit an, ob und wie ein Eingabefeld Vervollständigungsvorschläge anbietet.

Element.ariaBrailleLabel Eigenschaft

Liest oder setzt den Wert des Attributs <code>aria-braillelabel</code>, also eine eigene Beschriftung, die nur auf Braillezeilen statt des normalen Namens ausgegeben wird.

Element.ariaBrailleRoleDescription Eigenschaft

Liest oder setzt den Wert des Attributs <code>aria-brailleroledescription</code>, also eine gekürzte Rollenbeschreibung für Braillezeilen.

Element.ariaBusy Eigenschaft

Spiegelt das Attribut <code>aria-busy</code> wider. Es zeigt Hilfstechnologien an, dass ein Element gerade verändert oder geladen wird.

Element.ariaChecked Eigenschaft

Liest oder setzt den Wert des <code>aria-checked</code>-Attributs, das den Auswahlzustand von Checkboxen, Radiobuttons und Schaltern für Hilfstechnologien beschreibt.

Element.ariaColCount Eigenschaft

Liest oder setzt den Wert des <code>aria-colcount</code>-Attributs, also die Gesamtzahl der Spalten einer Tabelle, eines Grids oder Treegrids.

Element.ariaColIndex Eigenschaft

Spiegelt das Attribut <code>aria-colindex</code> wider, das die Spaltenposition einer Zelle innerhalb einer Tabelle, eines Grids oder Treegrids angibt.

Element.ariaColIndexText Eigenschaft

Liest oder setzt den Wert des Attributs <code>aria-colindextext</code>, also eine für Menschen lesbare Textalternative zu <code>aria-colindex</code>.

Element.ariaColSpan Eigenschaft

Liest oder setzt das <code>aria-colspan</code>-Attribut, das angibt, über wie viele Spalten sich eine Zelle in einer Tabelle, einem Grid oder einem Treegrid erstreckt.

Element.ariaControlsElements Eigenschaft

Liest oder setzt ein Array von Elementen, die durch dieses Element gesteuert werden – das DOM-Gegenstück zum ARIA-Attribut <code>aria-controls</code>.

Element.ariaCurrent Eigenschaft

Spiegelt das Attribut <code>aria-current</code> wider, das das aktuelle Element innerhalb eines Containers oder einer Reihe zusammengehöriger Elemente kennzeichnet.

Element.ariaDescribedByElements Eigenschaft

Liest oder setzt ein Array von Elementen, die die barrierefreie Beschreibung eines Elements liefern. Das ist das Gegenstück zum Attribut <code>aria-describedby</code>, nur mit Elementreferenzen statt IDs.

Element.ariaDescription Eigenschaft

Liest oder setzt den Wert des <code>aria-description</code>-Attributs, einer Textbeschreibung, die Hilfstechnologien zusätzlich zum zugänglichen Namen vorlesen.

Element.ariaDetailsElements Eigenschaft

Liest oder setzt ein Array von Elementen, die ausführliche, zugängliche Details zum aktuellen Element liefern. Die Eigenschaft ist das Gegenstück zum Attribut <code>aria-details</code> und arbeitet mit Elementreferenzen.

Element.ariaDisabled Eigenschaft

Liest oder setzt den Wert des <code>aria-disabled</code>-Attributs eines Elements als String und zeigt assistiven Technologien damit, dass ein Element deaktiviert ist.

Element.ariaErrorMessageElements Eigenschaft

Liest oder setzt ein Array von Elementen, die die Fehlermeldung für das Element liefern. Das ist das DOM-Gegenstück zum Attribut <code>aria-errormessage</code>.

Element.ariaExpanded Eigenschaft

Spiegelt das Attribut <code>aria-expanded</code> wider. Es gibt an, ob ein Bereich, den dieses Element besitzt oder steuert, auf- oder zugeklappt ist.

Element.ariaFlowToElements Eigenschaft

Liest oder setzt ein Array von Elementen, die eine alternative Lesereihenfolge vorgeben. Die Eigenschaft ist das Element-Gegenstück zum Attribut <code>aria-flowto</code>.

Element.ariaHasPopup Eigenschaft

Liest oder setzt den Wert des Attributs <code>aria-haspopup</code>. Es gibt an, ob ein Element ein Popup (Menü, Listbox, Baum, Raster, Dialog) öffnen kann und welcher Art es ist.

Element.ariaHidden Eigenschaft

Liest oder setzt den Wert des <code>aria-hidden</code>-Attributs, das festlegt, ob ein Element vor Zugänglichkeits-APIs (z. B. Screenreadern) verborgen wird.

Element.ariaInvalid Eigenschaft

Liest oder setzt den Wert des <code>aria-invalid</code>-Attributs und teilt damit Hilfstechnologien mit, ob ein Eingabewert ungültig ist.

Element.ariaKeyShortcuts Eigenschaft

Liest oder setzt den Wert des Attributs <code>aria-keyshortcuts</code>, das die vom Autor implementierten Tastenkombinationen zum Aktivieren oder Fokussieren eines Elements angibt.

Element.ariaLabel Eigenschaft

Liest oder setzt den Wert des <code>aria-label</code>-Attributs, also den zugänglichen Namen eines Elements für Screenreader und andere Hilfstechnologien.

Element.ariaLabelledByElements Eigenschaft

Liest oder setzt ein Array von Elementen, deren Textinhalt den zugänglichen Namen des Elements bildet – das DOM-Gegenstück zum Attribut <code>aria-labelledby</code>.

Element.ariaLevel Eigenschaft

Liest oder setzt das Attribut <code>aria-level</code> als String. Es gibt die hierarchische Ebene eines Elements an, z. B. in Überschriften, Bäumen oder Rastern.

Element.ariaLive Eigenschaft

Spiegelt das Attribut <code>aria-live</code> wider und legt fest, ob und wie dringlich assistive Technologien Änderungen an einem Element ansagen.

Element.ariaModal Eigenschaft

Liest oder setzt den Wert des <code>aria-modal</code>-Attributs, das angibt, ob ein Element (z. B. ein Dialog) im angezeigten Zustand modal ist.

Element.ariaMultiLine Eigenschaft

Spiegelt das Attribut <code>aria-multiline</code> wider und gibt an, ob ein Textfeld mehrzeilige oder nur einzeilige Eingaben akzeptiert.

Element.ariaMultiSelectable Eigenschaft

Spiegelt das Attribut <code>aria-multiselectable</code> wider. Es gibt an, ob der Benutzer mehrere auswählbare Nachfahren gleichzeitig auswählen kann.

Element.ariaNotify() Methode

Stellt eine Zeichenkette in die Warteschlange, die ein Screenreader vorlesen soll. Dafür ist keine <code>aria-live</code>-Region im DOM nötig.

Element.ariaOrientation Eigenschaft

Liest oder setzt das <code>aria-orientation</code>-Attribut eines Elements: <code>"horizontal"</code>, <code>"vertical"</code> oder <code>"undefined"</code>.

Element.ariaOwnsElements Eigenschaft

Array von Elementen, die das aktuelle Element im Barrierefreiheitsbaum als Kinder „besitzt“, auch wenn sie im DOM nicht darunter stehen. Entspricht <code>aria-owns</code>.

Element.ariaPlaceholder Eigenschaft

Liest oder setzt das Attribut <code>aria-placeholder</code>, also einen kurzen Eingabehinweis für ein leeres Eingabefeld, der für Hilfstechnologien bestimmt ist.

Element.ariaPosInSet Eigenschaft

Spiegelt das Attribut <code>aria-posinset</code> wider, also die Position eines Elements innerhalb seiner Gruppe (z. B. in einer Liste oder einem Baum), als String.

Element.ariaPressed Eigenschaft

Liest oder setzt den Wert des <code>aria-pressed</code>-Attributs, das den gedrückten Zustand eines Umschalter-Buttons an Hilfstechnologien meldet.

Element.ariaReadOnly Eigenschaft

Liest oder setzt das <code>aria-readonly</code>-Attribut eines Elements. Es kennzeichnet ein Element als nicht bearbeitbar, das aber weiterhin bedienbar und fokussierbar bleibt.

Element.ariaRelevant Eigenschaft

Liest oder setzt das <code>aria-relevant</code>-Attribut, das festlegt, welche Änderungen in einer Live-Region Screenreadern gemeldet werden.

Element.ariaRequired Eigenschaft

Spiegelt das Attribut <code>aria-required</code> wider und teilt assistiven Technologien mit, dass ein Element vor dem Absenden eines Formulars ausgefüllt sein muss.

Element.ariaRoleDescription Eigenschaft

Spiegelt das Attribut <code>aria-roledescription</code> wider, das eine menschenlesbare, lokalisierte Beschreibung der Rolle eines Elements für Hilfstechnologien festlegt.

Element.ariaRowCount Eigenschaft

Liest oder setzt das Attribut <code>aria-rowcount</code>, das die Gesamtzahl der Zeilen einer Tabelle, eines Rasters (grid) oder Baumrasters (treegrid) angibt.

Element.ariaRowIndex Eigenschaft

Spiegelt das Attribut <code>aria-rowindex</code> wider: die 1-basierte Position einer Zeile oder Zelle innerhalb aller Zeilen einer Tabelle, eines Grids oder einer Treegrid.

Element.ariaRowIndexText Eigenschaft

Liest oder setzt das Attribut <code>aria-rowindextext</code>, eine menschenlesbare Textalternative zu <code>aria-rowindex</code> für Tabellen- und Grid-Zeilen.

Element.ariaRowSpan Eigenschaft

Spiegelt das Attribut <code>aria-rowspan</code> wider. Es gibt an, über wie viele Zeilen sich eine Zelle in einer Tabelle, einem Grid oder einem Treegrid erstreckt.

Element.ariaSelected Eigenschaft

Spiegelt das <code>aria-selected</code>-Attribut wider und gibt an, ob ein auswählbares Element (z. B. Tab, Option, Zeile) gerade ausgewählt ist.

Element.ariaSetSize Eigenschaft

Spiegelt das Attribut <code>aria-setsize</code> wider, das die Gesamtzahl der Elemente in einer Menge von Listen- oder Baumeinträgen angibt, als String oder <code>null</code>.

Element.ariaSort Eigenschaft

Spiegelt das Attribut <code>aria-sort</code> wider und gibt an, ob eine Tabellen- oder Rasterspalte auf- bzw. absteigend sortiert ist.

Element.ariaValueMax Eigenschaft

Spiegelt das Attribut <code>aria-valuemax</code> als String wider und gibt so den höchsten zulässigen Wert eines Bereichs-Widgets (z. B. Slider, Fortschrittsbalken) an.

Element.ariaValueMin Eigenschaft

Liest oder setzt das <code>aria-valuemin</code>-Attribut, also den kleinsten erlaubten Wert eines Bereichs-Widgets (z. B. Slider, Spinbutton), als String.

Element.ariaValueNow Eigenschaft

Spiegelt das Attribut <code>aria-valuenow</code> wider, das den aktuellen Wert eines Bereichs-Widgets wie Slider, Fortschrittsbalken oder Spinbutton angibt.

Element.ariaValueText Eigenschaft

Spiegelt das Attribut <code>aria-valuetext</code> wider, eine lesbare Textalternative zum Zahlenwert <code>aria-valuenow</code> eines Bereichs-Widgets.

Element.assignedSlot Eigenschaft

Gibt das <code><slot></code>-Element (<code>HTMLSlotElement</code>) zurück, dem das Element in einem offenen Shadow DOM zugewiesen ist, sonst <code>null</code>.

Element.attachShadow() Methode

Hängt einen Shadow-DOM-Baum an ein Element an und gibt dessen <code>ShadowRoot</code> zurück – Grundlage für gekapselte Web Components.

Element.attributes Eigenschaft

Liefert eine dynamische <code>NamedNodeMap</code> mit allen Attributknoten (<code>Attr</code>) eines Elements.

Element.before() Methode

Fügt einen oder mehrere Knoten oder Zeichenketten direkt vor dem Element in die Kindliste seines Elternknotens ein.

Element.checkVisibility() Methode

Prüft anhand der berechneten CSS-Stile, ob ein Element potenziell sichtbar ist, also gerendert wird und nicht durch <code>display</code> oder <code>content-visibility</code> verborgen ist.

Element.childElementCount Eigenschaft

Schreibgeschützte Eigenschaft, die die Anzahl der direkten Kind-<strong>Elemente</strong> eines Elements als Zahl liefert – Text- und Kommentarknoten werden nicht mitgezählt.

Element.children Eigenschaft

Schreibgeschützte Eigenschaft, die eine lebendige <code>HTMLCollection</code> aller direkten Kind-Elemente liefert, ohne Text- und Kommentarknoten.

Element.classList Eigenschaft

Die schreibgeschützte Eigenschaft <code>classList</code> liefert eine live <code>DOMTokenList</code>, die das <code>class</code>-Attribut des Elements repräsentiert.

Element.className Eigenschaft

Liest oder setzt den Wert des <code>class</code>-Attributs eines Elements als einzelnen, durch Leerzeichen getrennten String.

Element.clientHeight Eigenschaft

Schreibgeschützte Eigenschaft mit der inneren Höhe eines Elements in ganzen Pixeln, also Inhalt plus Padding, ohne Rahmen, Außenabstand und horizontale Scrollleiste.

Element.clientLeft Eigenschaft

Gibt die Breite des linken Rahmens eines Elements in ganzen Pixeln zurück. Bei einer links liegenden Scrollleiste (z. B. RTL) ist deren Breite mitgezählt.

Element.clientTop Eigenschaft

Schreibgeschützte Eigenschaft, die die Breite des oberen Randes (<code>border-top-width</code>) eines Elements als ganze Zahl in CSS-Pixeln zurückgibt.

Element.clientWidth Eigenschaft

Liefert die innere Breite eines Elements in ganzen CSS-Pixeln: Inhalt plus Innenabstand (padding), ohne Rahmen, Außenabstand und vertikale Scrollleiste.

Element.closest() Methode

Durchläuft das Element selbst und dann seine Vorfahren Richtung Dokumentwurzel und gibt das erste Element zurück, das dem CSS-Selektor entspricht – sonst <code>null</code>.

Element.computedStyleMap() Methode

Gibt eine schreibgeschützte <code>StylePropertyMapReadOnly</code> mit den berechneten CSS-Werten eines Elements als typisierte Objekte zurück, statt als Strings.

Element.currentCSSZoom Eigenschaft

Liefert den effektiven CSS-<code>zoom</code> eines Elements, also das Produkt der <code>zoom</code>-Werte des Elements und aller seiner Vorfahren (nur lesbar).

Element.customElementRegistry Eigenschaft

Gibt die <code>CustomElementRegistry</code> zurück, die diesem Element zugeordnet ist, oder <code>null</code>, wenn keine zugeordnet wurde.

Element.elementTiming Eigenschaft

Liest oder setzt den Wert des <code>elementtiming</code>-Attributs, mit dem ein Element zur Beobachtung durch die Element-Timing-API (<code>PerformanceElementTiming</code>) markiert wird.

Element.firstElementChild Eigenschaft

Gibt das erste Kind<strong></strong>element eines Elements zurück oder <code>null</code>, wenn es keine Kindelemente gibt. Text- und Kommentarknoten werden übersprungen.

Element.getAnimations() Methode

Gibt ein Array aller <code>Animation</code>-Objekte zurück, die das Element gerade betreffen oder künftig betreffen werden, darunter CSS-Animationen, CSS-Transitions und Web-Animations.

Element.getAttribute() Methode

Gibt den Wert des angegebenen Attributs eines Elements als String zurück oder <code>null</code>, wenn das Attribut nicht existiert.

Element.getAttributeNames() Methode

Gibt die Namen aller Attribute eines Elements als neues Array von Zeichenketten zurück, bzw. ein leeres Array, wenn keine Attribute vorhanden sind.

Element.getAttributeNode() Methode

Gibt das Attribut mit dem angegebenen Namen als <code>Attr</code>-Knoten zurück oder <code>null</code>, wenn das Element dieses Attribut nicht besitzt.

Element.getAttributeNodeNS() Methode

Gibt das Attribut mit dem angegebenen Namensraum und lokalen Namen als <code>Attr</code>-Knoten zurück oder <code>null</code>, wenn es nicht existiert.

Element.getAttributeNS() Methode

Gibt den Wert eines Attributs mit bestimmtem Namespace-URI und lokalem Namen als Zeichenkette zurück oder <code>null</code>, wenn es nicht existiert.

Element.getBoundingClientRect() Methode

Die Methode <code>Element.getBoundingClientRect()</code> liefert ein <code>DOMRect</code>-Objekt mit Größe und Position eines Elements relativ zum Viewport.

Element.getClientRects() Methode

Gibt eine <code>DOMRectList</code> mit je einem <code>DOMRect</code> pro CSS-Border-Box eines Elements zurück, relativ zum Viewport.

Element.getElementsByClassName() Methode

Gibt eine live aktualisierte <code>HTMLCollection</code> aller Nachfahren-Elemente zurück, die alle angegebenen Klassennamen tragen.

Element.getElementsByTagName() Methode

Gibt eine dynamische <code>HTMLCollection</code> aller Nachfahren-Elemente mit dem angegebenen Tag-Namen zurück, in Dokumentreihenfolge.

Element.getElementsByTagNameNS() Methode

Gibt eine Live-<code>HTMLCollection</code> aller Nachfahren-Elemente mit dem angegebenen lokalen Namen im angegebenen Namensraum zurück.

Element.getHTML() Methode

Wandelt den Inhalt eines Elements in einen HTML-String um. Auf Wunsch wird dabei auch das Shadow DOM als deklaratives <code><template shadowrootmode></code> ausgegeben.

Element.hasAttribute() Methode

Prüft, ob ein Element das angegebene Attribut besitzt, und gibt <code>true</code> oder <code>false</code> zurück – unabhängig vom Wert des Attributs.

Element.hasAttributeNS() Methode

Prüft, ob ein Element ein Attribut mit dem angegebenen Namensraum-URI und lokalen Namen besitzt, und gibt <code>true</code> oder <code>false</code> zurück.

Element.hasAttributes() Methode

Gibt <code>true</code> zurück, wenn das Element mindestens ein Attribut besitzt, sonst <code>false</code>.

Element.hasPointerCapture() Methode

Prüft, ob das Element für den Zeiger mit der angegebenen <code>pointerId</code> gerade die Zeigererfassung (Pointer Capture) besitzt.

Element.id Eigenschaft

Liest oder setzt die eindeutige Kennung eines Elements. Die Eigenschaft spiegelt das HTML-Attribut <code>id</code> wider.

Element.innerHTML Eigenschaft

Die Eigenschaft <code>innerHTML</code> liest oder setzt das HTML- oder XML-Markup innerhalb eines Elements (ohne shadow roots).

Element.insertAdjacentElement() Methode

Fügt ein Element-Node an einer von vier Positionen relativ zum aufrufenden Element ein – davor, danach oder als erstes bzw. letztes Kind.

Element.insertAdjacentHTML() Methode

Die Methode <code>insertAdjacentHTML()</code> parst eine HTML- oder XML-Zeichenkette und fügt die resultierenden Knoten an einer angegebenen Position in den DOM-Baum ein.

Element.insertAdjacentText() Methode

Fügt einen neuen Textknoten mit dem übergebenen String an einer relativen Position zum Element ein – vor, in oder nach dem Element.

Element.lastElementChild Eigenschaft

Die schreibgeschützte Eigenschaft <code>lastElementChild</code> liefert das letzte Kind-Element eines Elements oder <code>null</code>, wenn keines existiert.

Element.localName Eigenschaft

Die schreibgeschützte Eigenschaft <code>Element.localName</code> liefert den lokalen Teil des qualifizierten Elementnamens, also ohne Namensraum-Präfix.

Element.matches() Methode

Prüft, ob das <code>Element</code> vom angegebenen CSS-Selektor ausgewählt würde, und gibt <code>true</code> oder <code>false</code> zurück.

Element.moveBefore() Methode

Verschiebt einen Knoten als direktes Kind des aufrufenden Elements vor <code>referenceNode</code>, ohne ihn zu entfernen und neu einzufügen. Sein Zustand bleibt dabei erhalten.

Element.namespaceURI Eigenschaft

Die schreibgeschützte Eigenschaft <code>Element.namespaceURI</code> liefert die Namensraum-URI des Elements oder <code>null</code>, wenn es keinem Namensraum angehört.

Element.nextElementSibling Eigenschaft

Liefert das nächste Geschwister-<strong>Element</strong> in der Kindliste des Elternknotens oder <code>null</code>, wenn es keines gibt – Text- und Kommentarknoten werden übersprungen.

Element.outerHTML Eigenschaft

Die Eigenschaft <code>outerHTML</code> von <code>Element</code> liest oder setzt das HTML- bzw. XML-Markup des Elements einschließlich seiner Nachfahren.

Element.part Eigenschaft

Liefert eine <code>DOMTokenList</code> mit den Teil-Namen aus dem <code>part</code>-Attribut, über die Elemente im Shadow DOM per <code>::part()</code> von außen gestylt werden können.

Element.prefix Eigenschaft

Gibt das Namensraum-Präfix eines Elements als Zeichenkette zurück, z. B. <code>"svg"</code> bei <code>svg:rect</code>, oder <code>null</code>, wenn kein Präfix gesetzt ist.

Element.prepend() Methode

Die Methode <code>Element.prepend()</code> fügt eine Reihe von <code>Node</code>-Objekten oder Strings vor dem ersten Kind des <code>Element</code> ein.

Element.previousElementSibling Eigenschaft

Gibt das Element direkt vor dem aktuellen Element beim selben Elternknoten zurück. Text- und Kommentarknoten werden übersprungen. Gibt es kein solches Element, ist der Wert <code>null</code>.

Element.pseudo() Methode

Gibt ein <code>CSSPseudoElement</code>-Objekt für das angegebene Pseudo-Element des Elements zurück, z. B. <code>::before</code> oder <code>::after</code>. Ist der Typ ungültig, ist das Ergebnis <code>null</code>.

Element.querySelector() Methode

Die Methode <code>querySelector()</code> gibt das erste Nachfahren-Element zurück, das der angegebenen CSS-Selektorgruppe entspricht.

Element.querySelectorAll() Methode

Die Methode <code>querySelectorAll()</code> von <code>Element</code> gibt eine statische <code>NodeList</code> aller passenden Nachfahren-Elemente zurück.

Element.releasePointerCapture() Methode

Gibt die zuvor mit <code>setPointerCapture()</code> für einen bestimmten Zeiger (<code>pointerId</code>) gesetzte Zeiger-Erfassung eines Elements wieder frei.

Element.remove() Methode

Die Methode <code>Element.remove()</code> entfernt das Element aus dem DOM, indem sie es von seinem Elternknoten löst. Ohne Elternknoten passiert nichts.

Element.removeAttribute() Methode

Entfernt das Attribut mit dem angegebenen Namen vom Element; existiert es nicht, passiert nichts.

Element.removeAttributeNode() Methode

Entfernt den angegebenen <code>Attr</code>-Knoten vom Element und gibt den entfernten Knoten zurück.

Element.removeAttributeNS() Methode

Entfernt das Attribut mit dem angegebenen Namensraum-URI und lokalen Namen von einem Element.

Element.replaceChildren() Methode

Ersetzt alle vorhandenen Kindknoten eines Elements durch die übergebenen Knoten oder Zeichenketten. Ohne Argumente wird das Element geleert.

Element.replaceWith() Methode

Ersetzt das Element in der Kindliste seines Elternknotens durch beliebig viele <code>Node</code>-Objekte oder Strings. Strings werden dabei als Textknoten eingefügt.

Element.requestFullscreen() Methode

Stellt eine asynchrone Anfrage, das Element im Vollbildmodus anzuzeigen, und gibt ein <code>Promise</code> zurück.

Element.requestPointerLock() Methode

Fordert asynchron an, den Mauszeiger an ein Element zu binden (Pointer Lock). Der Zeiger wird ausgeblendet und liefert nur noch relative Bewegungen.

Element.role Eigenschaft

Liest oder setzt die explizit vergebene WAI-ARIA-Rolle eines Elements, also den Wert des <code>role</code>-Attributs.

Element.scroll() Methode

Scrollt den Inhalt eines scrollbaren Elements zu absoluten Koordinaten – wahlweise mit weichem Scrollen über ein Options-Objekt.

Element.scrollBy() Methode

Scrollt den Inhalt eines Elements relativ zur aktuellen Position um den angegebenen horizontalen und vertikalen Betrag in Pixeln.

Element.scrollHeight Eigenschaft

Schreibgeschützte Eigenschaft, die die gesamte Höhe des Inhalts eines Elements in Pixeln liefert, einschließlich des Teils, der durch Überlauf nicht sichtbar ist.

Element.scrollIntoView() Methode

Scrollt die Vorfahren-Container des Elements so, dass das Element für den Nutzer sichtbar wird.

Element.scrollIntoViewIfNeeded() Methode

Scrollt das Element nur dann in den sichtbaren Bereich, wenn es nicht schon sichtbar ist. Die Methode ist nicht standardisiert und nicht in Firefox verfügbar.

Element.scrollLeft Eigenschaft

Liest oder setzt die Anzahl der Pixel, um die der Inhalt eines Elements horizontal vom linken Rand weggescrollt ist.

Element.scrollLeftMax Eigenschaft

Die schreibgeschützte Eigenschaft <code>Element.scrollLeftMax</code> gibt den größtmöglichen horizontalen Scrollversatz (<code>scrollLeft</code>) eines Elements in Pixeln zurück.

Element.scrollTo() Methode

Scrollt den Inhalt eines scrollbaren Elements zu absoluten Koordinaten, wahlweise sofort oder mit weicher Animation.

Element.scrollTop Eigenschaft

Liest oder setzt die Anzahl der Pixel, um die der Inhalt eines Elements vertikal von seiner oberen Kante aus gescrollt ist.

Element.scrollTopMax Eigenschaft

Liefert den maximal möglichen Wert für <code>scrollTop</code> eines Elements, also wie weit es höchstens nach unten gescrollt werden kann (nur Firefox).

Element.scrollWidth Eigenschaft

Schreibgeschützte Ganzzahl mit der Gesamtbreite des Inhalts eines Elements in Pixeln – einschließlich des Anteils, der durch Überlauf nicht sichtbar ist.

Element.setAttribute() Methode

Setzt den Wert eines Attributs auf dem angegebenen <code>Element</code>; existiert das Attribut, wird der Wert aktualisiert, sonst neu angelegt.

Element.setAttributeNode() Methode

Fügt dem Element einen <code>Attr</code>-Knoten hinzu oder ersetzt ein gleichnamiges Attribut und gibt das ersetzte <code>Attr</code> (oder <code>null</code>) zurück.

Element.setAttributeNodeNS() Methode

Fügt einem Element einen namensraumbezogenen <code>Attr</code>-Knoten hinzu oder ersetzt einen vorhandenen mit gleichem Namensraum und lokalem Namen.

Element.setAttributeNS() Methode

Setzt oder ändert ein Attribut mit Namensraum-URI und qualifiziertem Namen (z. B. <code>xlink:href</code>) an einem Element.

Element.setCapture() Methode

Leitet alle Mausereignisse auf dieses Element um, bis die Maustaste losgelassen oder <code>document.releaseCapture()</code> aufgerufen wird. Die Methode ist veraltet und nicht standardisiert.

Element.setHTML() Methode

Parst einen HTML-String, bereinigt ihn XSS-sicher mit der Sanitizer API und ersetzt damit den gesamten Inhalt des Elements.

Element.setHTMLUnsafe() Methode

Parst einen HTML-String, auch mit deklarativem Shadow DOM, und ersetzt damit alle Kindknoten des Elements. Standardmäßig wird dabei nichts bereinigt.

Element.setPointerCapture() Methode

Leitet alle weiteren Pointer-Ereignisse eines bestimmten Zeigers (<code>pointerId</code>) an dieses Element um, auch wenn der Zeiger das Element verlässt.

Element.shadowRoot Eigenschaft

Liefert den <code>ShadowRoot</code> eines Elements, sofern er im Modus <code>"open"</code> angehängt wurde, sonst <code>null</code>.

Element.slot Eigenschaft

Liest oder setzt den Namen des Shadow-DOM-Slots, dem ein Light-DOM-Element zugewiesen werden soll. Spiegelt das HTML-Attribut <code>slot</code>.

Element.startViewTransition() Methode

Startet eine elementbezogene („scoped“) Ansichtstransition innerhalb desselben Dokuments und gibt ein <code>ViewTransition</code>-Objekt zurück, über das man sie steuert.

Element.tagName Eigenschaft

Schreibgeschützte Eigenschaft, die den qualifizierten Tag-Namen eines Elements als String liefert – bei HTML-Elementen in HTML-Dokumenten in Großbuchstaben, z. B. <code>"DIV"</code>.

Element.toggleAttribute() Methode

Schaltet ein Boolean-Attribut eines Elements um: Ist es vorhanden, wird es entfernt, sonst hinzugefügt. Mit <code>force</code> lässt sich der Zielzustand erzwingen.

Element: afterscriptexecute Ereignis

Wird an einem <code><script></code>-Element ausgelöst, direkt nachdem dessen Skript ausgeführt wurde. Nicht standardisiert, nur in Firefox.

Element: animationcancel Ereignis

Wird ausgelöst, wenn eine laufende CSS-Animation abbricht, bevor sie fertig ist, also ohne dass <code>animationend</code> feuert.

Element: animationend Ereignis

Wird ausgelöst, wenn eine CSS-Animation auf einem Element vollständig abgeschlossen ist. Der Handler erhält ein <code>AnimationEvent</code>.

Element: animationiteration Ereignis

Wird ausgelöst, wenn eine Iteration einer CSS-Animation endet und die nächste beginnt – also nur bei <code>animation-iteration-count</code> > 1.

Element: animationstart Ereignis

Wird ausgelöst, sobald eine CSS-Animation auf einem Element tatsächlich startet, also nach Ablauf eines eventuellen <code>animation-delay</code>.

Element: auxclick Ereignis

Wird ausgelöst, wenn eine nicht-primäre Zeigegerät-Taste (z. B. mittlere oder rechte Maustaste) auf demselben Element gedrückt und wieder losgelassen wird.

Element: beforeinput Ereignis

Wird ausgelöst, kurz bevor der Inhalt eines <code><input></code>, <code><textarea></code> oder <code>contenteditable</code>-Elements geändert wird – und lässt sich meist abbrechen.

Element: beforematch Ereignis

Wird an einem Element mit <code>hidden="until-found"</code> ausgelöst, kurz bevor der Browser es aufdeckt, weil die Seitensuche oder ein Fragment-Link Inhalte darin gefunden hat.

Element: beforescriptexecute Ereignis

Wird an einem <code><script></code>-Element ausgelöst, kurz bevor das Skript ausgeführt wird. Mit <code>preventDefault()</code> lässt sich die Ausführung verhindern.

Element: beforexrselect Ereignis

Wird auf einem Element eines WebXR-DOM-Overlays ausgelöst, bevor die XR-Auswahlereignisse <code>selectstart</code>, <code>select</code> und <code>selectend</code> an die <code>XRSession</code> gehen.

Element: blur Ereignis

Das <code>blur</code>-Ereignis wird ausgelöst, wenn ein Element den Fokus verliert. Es bubblet nicht und lässt sich nicht abbrechen.

Element: click Ereignis

Wird ausgelöst, wenn ein Element aktiviert wird: per Maus- bzw. Zeigerklick, Touch-Tippen oder über die Tastatur (Enter/Leertaste bei Schaltflächen).

Element: compositionend Ereignis

Wird ausgelöst, wenn ein Textkompositionssystem wie ein Eingabemethoden-Editor (IME) die aktuelle Kompositionssitzung abschließt oder abbricht.

Element: compositionstart Ereignis

Wird ausgelöst, wenn ein Textkompositionssystem (z. B. ein Input-Method-Editor, IME) eine neue Kompositionssitzung beginnt.

Element: compositionupdate Ereignis

Wird ausgelöst, wenn während einer IME-Kompositionssitzung (z. B. Japanisch, Chinesisch) ein neues Zeichen empfangen oder der vorläufige Text geändert wird.

Element: contentvisibilityautostatechange Ereignis

Wird auf einem Element mit <code>content-visibility: auto</code> ausgelöst, wenn der Browser das Rendern seiner Inhalte beginnt oder wieder aufnimmt.

Element: contextmenu Ereignis

Wird ausgelöst, wenn der Benutzer ein Kontextmenü öffnen will, etwa per Rechtsklick, mit der Kontextmenü-Taste oder mit <code>Umschalt+F10</code>.

Element: copy Ereignis

Wird ausgelöst, wenn der Benutzer eine Kopieraktion startet (z. B. <code>Strg+C</code>, Kontextmenü „Kopieren“), und erlaubt das Anpassen der kopierten Daten.

Element: cut Ereignis

Wird ausgelöst, wenn der Benutzer über Tastenkürzel (<code>Strg+X</code>/<code>⌘+X</code>), das Kontextmenü oder das Browser-Menü eine Ausschneiden-Aktion startet.

Element: dblclick Ereignis

Wird ausgelöst, wenn eine Zeigegerät-Taste (meist die primäre Maustaste) innerhalb kurzer Zeit zweimal auf dasselbe Element geklickt wird.

Element: DOMActivate Ereignis

Veraltetes <code>UIEvent</code>, das ausgelöst wird, wenn ein Element aktiviert wird, etwa durch Mausklick oder per Tastatur (Enter/Leertaste).

Element: DOMMouseScroll Ereignis

Nicht standardisiertes Firefox-Ereignis, das beim Drehen des Mausrads ausgelöst wird, sobald sich mindestens eine Zeile oder Seite Scrollbewegung angesammelt hat.

Element: focus Ereignis

Das <code>focus</code>-Ereignis wird ausgelöst, wenn ein Element den Fokus erhält, z. B. per Klick, Tabulatortaste oder <code>element.focus()</code>.

Element: focusin Ereignis

Wird ausgelöst, wenn ein Element den Fokus erhalten hat – direkt nach <code>focus</code>, aber im Gegensatz dazu mit Bubbling.

Element: focusout Ereignis

Wird ausgelöst, wenn ein Element den Fokus verliert, direkt nach <code>blur</code>. Anders als <code>blur</code> steigt das Ereignis im DOM auf (Bubbling).

Element: fullscreenchange Ereignis

Wird ausgelöst, direkt nachdem ein Element in den Vollbildmodus gewechselt ist oder ihn verlassen hat.

Element: fullscreenerror Ereignis

Das Ereignis <code>fullscreenerror</code> wird ausgelöst, wenn ein Element nicht in den Vollbildmodus wechseln kann.

Element: gesturechange Ereignis

Wird in Safari laufend ausgelöst, während sich die Finger bei einer Mehrfinger-Geste (Pinch/Drehung) bewegen, und liefert Skalierung und Drehwinkel.

Element: gestureend Ereignis

Das nicht standardisierte <code>gestureend</code>-Ereignis (nur Safari/WebKit) wird ausgelöst, wenn eine Mehrfinger-Geste endet, weil weniger als zwei Finger die Oberfläche berühren.

Element: gesturestart Ereignis

Wird ausgelöst, wenn mehrere Finger die Touch-Oberfläche (bzw. das Trackpad) berühren und eine neue Mehrfinger-Geste wie Zoomen oder Drehen beginnt.

Element: gotpointercapture Ereignis

Wird ausgelöst, wenn ein Element über <code>setPointerCapture()</code> die Erfassung eines Zeigers (Maus, Stift, Touch) übernimmt.

Element: input Ereignis

Wird ausgelöst, sobald sich der Wert eines <code><input></code>-, <code><select></code>- oder <code><textarea></code>-Elements oder eines <code>contenteditable</code>-Elements durch eine Benutzeraktion ändert.

Element: keydown Ereignis

Das <code>keydown</code>-Event wird ausgelöst, wenn eine Taste gedrückt wird. Bei gedrückt gehaltener Taste wiederholt es sich (<code>event.repeat</code>).

Element: keypress Ereignis

Wird ausgelöst, wenn eine Taste gedrückt wird, die ein Zeichen erzeugt (Buchstabe, Zahl, Satzzeichen, Symbol) oder Enter. Veraltet – stattdessen <code>keydown</code> bzw. <code>beforeinput</code> nutzen.

Element: keyup Ereignis

Das <code>keyup</code>-Ereignis wird ausgelöst, wenn eine zuvor gedrückte Taste auf der Tastatur losgelassen wird.

Element: lostpointercapture Ereignis

Wird an einem Element ausgelöst, sobald es die Zeigererfassung für einen Zeiger verliert, etwa nach <code>releasePointerCapture()</code>, <code>pointerup</code> oder <code>pointercancel</code>.

Element: mousedown Ereignis

Wird auf einem Element ausgelöst, sobald eine Taste eines Zeigegeräts gedrückt wird, während sich der Zeiger über dem Element befindet.

Element: mouseenter Ereignis

Wird ausgelöst, sobald der Hotspot eines Zeigegeräts erstmals in den Bereich eines Elements eintritt – blubbert nicht und feuert nicht erneut beim Wechsel in Kindelemente.

Element: mouseleave Ereignis

Wird bei einem Element ausgelöst, wenn der Zeiger (meist die Maus) das Element einschließlich aller Nachfahren verlässt. Das Ereignis steigt nicht auf.

Element: mousemove Ereignis

Wird auf einem Element ausgelöst, wenn ein Zeigegerät (meist eine Maus) bewegt wird, während sich der Cursor-Hotspot innerhalb des Elements befindet.

Element: mouseout Ereignis

Wird ausgelöst, wenn der Mauszeiger ein Element verlässt. Das gilt auch, wenn er in ein Kindelement wechselt. Das Ereignis steigt im DOM auf und liefert ein <code>MouseEvent</code>.

Element: mouseover Ereignis

Wird ausgelöst, wenn der Zeiger auf ein Element oder eines seiner Kindelemente bewegt wird. Das Ereignis steigt im DOM auf (bubbles).

Element: mouseup Ereignis

Wird ausgelöst, wenn eine Taste eines Zeigegeräts losgelassen wird, während sich der Zeiger über dem Element befindet.

Element: mousewheel Ereignis

Das veraltete, nicht standardisierte <code>mousewheel</code>-Ereignis wird ausgelöst, während ein Mausrad oder ein ähnliches Gerät über einem Element benutzt wird.

Element: MozMousePixelScroll Ereignis

Ein veraltetes Ereignis, das nur Firefox kennt: Es wird asynchron an einem Element ausgelöst, wenn das Mausrad gedreht wird, und liefert die Scroll-Menge in Pixeln.

Element: paste Ereignis

Wird ausgelöst, wenn der Benutzer über die Oberfläche eine Einfügen-Aktion startet (z. B. <code>Strg+V</code> oder Kontextmenü „Einfügen“).

Element: pointercancel Ereignis

Wird ausgelöst, wenn der Browser eine laufende Zeigerinteraktion abbricht, etwa weil er die Geste selbst übernimmt (Scrollen, Zoomen) oder das Gerät keine Ereignisse mehr liefert.

Element: pointerdown Ereignis

Wird ausgelöst, wenn ein Zeiger aktiv wird: Maustaste gedrückt, Finger berührt den Bildschirm oder Stift setzt auf.

Element: pointerenter Ereignis

Wird ausgelöst, wenn ein Zeigegerät (Maus, Stift, Touch) in den Bereich eines Elements oder eines seiner Nachkommen eintritt. Das Ereignis steigt nicht auf (kein Bubbling).

Element: pointerleave Ereignis

Wird ausgelöst, wenn ein Zeigegerät (Maus, Stift, Touch) die Treffergrenzen eines Elements <em>und all seiner Nachfahren</em> verlässt.

Element: pointermove Ereignis

Wird ausgelöst, wenn ein Zeiger (Maus, Stift, Finger) seine Koordinaten, seinen Druck, seine Neigung oder seinen Tastenstatus ändert.

Element: pointerout Ereignis

Wird ausgelöst, wenn ein Zeiger den Trefferbereich eines Elements oder eines seiner Kindelemente verlässt, nach <code>pointerup</code> ohne Hover oder bei <code>pointercancel</code>.

Element: pointerover Ereignis

Wird ausgelöst, wenn ein Zeigegerät (Maus, Stift, Finger) in die Hit-Test-Grenzen eines Elements oder eines seiner Nachfahren bewegt wird.

Element: pointerrawupdate Ereignis

Wird ausgelöst, sobald sich Eigenschaften eines Zeigers ändern, die kein <code>pointerdown</code>/<code>pointerup</code> auslösen, und zwar ohne Bündelung auf das Tempo der Bildwiederholung.

Element: pointerup Ereignis

Wird ausgelöst, wenn ein Zeiger (Maus, Stift, Finger) nicht mehr aktiv ist, z. B. beim Loslassen der Maustaste oder Abheben des Fingers.

Element: scroll Ereignis

Das <code>scroll</code>-Ereignis wird ausgelöst, wenn der Inhalt eines scrollbaren Elements gescrollt wurde.

Element: scrollend Ereignis

Das <code>scrollend</code>-Ereignis wird ausgelöst, wenn das Scrollen eines Elements vollständig abgeschlossen ist – inklusive Snap- und Smooth-Scroll-Animationen.

Element: scrollsnapchange Ereignis

Wird am Ende eines Scroll-Vorgangs am Scroll-Container ausgelöst, wenn ein neues Scroll-Snap-Ziel ausgewählt wurde, unmittelbar bevor das <code>scrollend</code>-Ereignis folgt.

Element: scrollsnapchanging Ereignis

Wird auf dem Scroll-Container ausgelöst, sobald der Browser während einer Scroll-Geste ein neues Scroll-Snap-Ziel als bevorstehend erkennt.

Element: securitypolicyviolation Ereignis

Wird ausgelöst, wenn ein Element gegen die <code>Content-Security-Policy</code> der Seite verstößt, z. B. durch ein blockiertes Skript, Bild oder Inline-Style.

Element: touchcancel Ereignis

Wird ausgelöst, wenn ein oder mehrere Berührungspunkte auf implementierungsspezifische Weise unterbrochen werden, z. B. durch einen Systemdialog oder zu viele Finger.

Element: touchend Ereignis

Wird ausgelöst, wenn ein oder mehrere Berührungspunkte von der Touch-Oberfläche entfernt werden; liefert ein <code>TouchEvent</code>.

Element: touchmove Ereignis

Wird ausgelöst, wenn ein oder mehrere Berührungspunkte auf der Touch-Oberfläche bewegt werden, und liefert ein <code>TouchEvent</code> mit den aktuellen Positionen.

Element: touchstart Ereignis

Wird ausgelöst, sobald ein oder mehrere Berührungspunkte (Finger, Stift) auf einer Touch-Oberfläche über einem Element aufgesetzt werden.

Element: transitioncancel Ereignis

Wird ausgelöst, wenn eine laufende CSS-Transition abgebrochen wird, bevor sie ihr Ende erreicht, z. B. weil die Eigenschaft oder <code>transition</code> entfernt wurde.

Element: transitionend Ereignis

Wird ausgelöst, sobald ein CSS-Übergang (<code>transition</code>) an einem Element vollständig abgeschlossen ist.

Element: transitionrun Ereignis

Wird ausgelöst, sobald ein CSS-Übergang erstellt wird – also schon vor einer eventuellen <code>transition-delay</code>-Wartezeit.

Element: transitionstart Ereignis

Wird ausgelöst, wenn eine CSS-Transition tatsächlich beginnt, also nach Ablauf eines eventuellen <code>transition-delay</code>.

Element: webkitmouseforcechanged Ereignis

Nicht standardisiertes Safari-Ereignis, das bei jeder Änderung des Anpressdrucks auf einem Force-Touch-Trackpad ausgelöst wird.

Element: webkitmouseforcedown Ereignis

Wird in Safari nach einem <code>mousedown</code> ausgelöst, sobald der Druck auf Maus- oder Trackpad-Taste für einen „Force Click“ ausreicht.

Element: webkitmouseforceup Ereignis

Nicht standardisiertes Safari-Ereignis. Es wird ausgelöst, wenn der Druck nach einem <code>webkitmouseforcedown</code> so weit nachlässt, dass kein Force-Click mehr vorliegt.

Element: webkitmouseforcewillbegin Ereignis

Nicht standardisiertes Safari-Ereignis, das auf Macs mit Force-Touch-Trackpad vor dem ersten <code>mousedown</code> an einem Element ausgelöst wird.

Element: wheel Ereignis

Wird ausgelöst, wenn der Benutzer ein Mausrad dreht oder eine vergleichbare Eingabe macht (z. B. Zwei-Finger-Wischen auf dem Touchpad). Der Handler erhält ein <code>WheelEvent</code>.

ElementInternals Schnittstelle

Über <code>ElementInternals</code> nehmen benutzerdefinierte Elemente vollständig an HTML-Formularen teil: Formularwert, Validierung, Formularstatus und ARIA-Semantik.

ElementInternals.ariaAtomic Eigenschaft

Legt für ein Custom Element die Standard-ARIA-Semantik von <code>aria-atomic</code> fest: Soll ein Screenreader bei Änderungen die gesamte Live-Region oder nur den geänderten Teil vorlesen?

ElementInternals.ariaAutoComplete Eigenschaft

Legt für ein Custom Element die Standard-ARIA-Semantik <code>aria-autocomplete</code> fest, also ob und wie Eingaben automatisch vervollständigt werden. Das Host-Attribut ändert sich dabei nicht.

ElementInternals.ariaBrailleLabel Eigenschaft

Legt über <code>ElementInternals</code> die Standard-Braillebeschriftung (<code>aria-braillelabel</code>) eines Custom Elements fest oder liest sie aus.

ElementInternals.ariaBrailleRoleDescription Eigenschaft

Setzt oder liest die standardmäßige ARIA-Braillerollenbeschreibung eines Custom Elements über <code>ElementInternals</code>, ohne ein sichtbares <code>aria-brailleroledescription</code>-Attribut zu setzen.

ElementInternals.ariaBusy Eigenschaft

Legt die Standard-ARIA-Semantik <code>aria-busy</code> eines Custom Elements fest oder liest sie aus. Damit meldet das Element, dass es gerade aktualisiert wird.

ElementInternals.ariaChecked Eigenschaft

Liest oder setzt den Standardwert für <code>aria-checked</code> eines Custom Elements. So kennen assistive Technologien den Zustand „ausgewählt“, „nicht ausgewählt“ oder „gemischt“.

ElementInternals.ariaColCount Eigenschaft

Liest oder setzt die Standard-ARIA-Spaltenanzahl (<code>aria-colcount</code>) eines benutzerdefinierten Elements über dessen <code>ElementInternals</code>, ohne ein sichtbares Attribut zu setzen.

ElementInternals.ariaColIndex Eigenschaft

Gibt den Spaltenindex eines Custom Elements in einer Tabelle, einem Grid oder einer Treegrid als String zurück oder setzt ihn. Der Wert entspricht der semantischen Bedeutung von <code>aria-colindex</code>.

ElementInternals.ariaColIndexText Eigenschaft

Liest oder setzt für ein Custom Element die Standard-ARIA-Semantik von <code>aria-colindextext</code>, also eine lesbare Textalternative zu <code>aria-colindex</code>.

ElementInternals.ariaColSpan Eigenschaft

Legt über <code>ElementInternals</code> die Standard-ARIA-Semantik <code>aria-colspan</code> eines Custom Elements fest, also wie viele Spalten eine Zelle in einer Tabelle oder einem Grid belegt.

ElementInternals.ariaControlsElements Eigenschaft

Legt als Standard-Semantik eines Custom Elements fest, welche Elemente es steuert. Entspricht <code>aria-controls</code>, arbeitet aber mit Elementreferenzen statt mit IDs.

ElementInternals.ariaCurrent Eigenschaft

Liest oder setzt die Standard-ARIA-Semantik <code>aria-current</code> eines Custom Elements über <code>ElementInternals</code>, ohne ein sichtbares Attribut zu setzen.

ElementInternals.ariaDescribedByElements Eigenschaft

Legt fest oder liest aus, welche Elemente eine barrierefreie Beschreibung für ein Custom Element liefern – das semantische Standard-Äquivalent zu <code>aria-describedby</code>.

ElementInternals.ariaDescription Eigenschaft

Legt die Standard-Beschreibung (<code>aria-description</code>) eines Custom Elements fest oder liest sie aus, ohne dafür ein sichtbares Attribut ins DOM zu schreiben.

ElementInternals.ariaDetailsElements Eigenschaft

Array der Elemente, die zugängliche Detailinformationen für ein Custom Element liefern – das Standard-Gegenstück zu <code>aria-details</code> über <code>ElementInternals</code>.

ElementInternals.ariaDisabled Eigenschaft

Setzt oder liest den Standardwert von <code>aria-disabled</code> für ein Custom Element, ohne ein sichtbares Attribut im DOM anzulegen.

ElementInternals.ariaErrorMessageElements Eigenschaft

Array der Elemente, die für ein Custom Element die Fehlermeldung bereitstellen – das Standard-ARIA-Pendant zu <code>aria-errormessage</code> für Custom Elements.

ElementInternals.ariaExpanded Eigenschaft

Legt für ein Custom Element den Standardwert von <code>aria-expanded</code> fest, also ob ein von ihm gesteuertes Element ein- oder ausgeklappt ist. Im DOM entsteht dabei kein sichtbares Attribut.

ElementInternals.ariaFlowToElements Eigenschaft

Array von Elementen, die für ein Custom Element eine alternative Lesereihenfolge vorgeben und die Standard-Reihenfolge des Dokuments nach Ermessen des Nutzers überschreiben.

ElementInternals.ariaHasPopup Eigenschaft

Liest oder setzt den Standardwert von <code>aria-haspopup</code> für ein Custom Element – gibt an, ob und welche Art Popup (Menü, Liste, Dialog …) das Element öffnen kann.

ElementInternals.ariaHidden Eigenschaft

Legt über <code>ElementInternals</code> den Standardwert für <code>aria-hidden</code> eines Custom Elements fest, ohne ein sichtbares Attribut ins DOM zu schreiben.

ElementInternals.ariaInvalid Eigenschaft

Liest oder setzt den Standardwert von <code>aria-invalid</code> für ein Custom Element, ohne ein sichtbares Attribut am Host-Element zu erzeugen.

ElementInternals.ariaKeyShortcuts Eigenschaft

Liest oder setzt die Standard-ARIA-Semantik <code>aria-keyshortcuts</code> eines Custom Elements über <code>ElementInternals</code>, ohne ein sichtbares Attribut zu schreiben.

ElementInternals.ariaLabel Eigenschaft

Liest oder setzt den standardmäßigen barrierefreien Namen (<code>aria-label</code>) eines Custom Elements über dessen <code>ElementInternals</code>, ohne ein sichtbares Attribut zu setzen.

ElementInternals.ariaLabelledByElements Eigenschaft

Array von Elementen, die den zugänglichen Namen eines Custom Elements liefern – die objektbasierte Standard-Semantik zu <code>aria-labelledby</code>.

ElementInternals.ariaLevel Eigenschaft

Legt die Standard-ARIA-Ebene (<code>aria-level</code>) eines benutzerdefinierten Elements fest oder liest sie aus, z. B. für Überschriften, Baumknoten oder Listeneinträge.

ElementInternals.ariaLive Eigenschaft

Legt die Standard-ARIA-Semantik <code>aria-live</code> eines Custom Elements fest, also ob und wie dringlich Screenreader Änderungen am Inhalt ansagen.

ElementInternals.ariaModal Eigenschaft

Liest oder setzt den Standardwert von <code>aria-modal</code> eines benutzerdefinierten Elements und legt damit fest, ob es beim Anzeigen als modal gilt.

ElementInternals.ariaMultiLine Eigenschaft

Legt fest oder liest aus, ob ein benutzerdefiniertes Textfeld mehrzeilige (<code>"true"</code>) oder nur einzeilige (<code>"false"</code>) Eingaben annimmt. Entspricht <code>aria-multiline</code>.

ElementInternals.ariaMultiSelectable Eigenschaft

Legt für ein Custom Element die Standard-ARIA-Eigenschaft <code>aria-multiselectable</code> fest bzw. liest sie aus. Sie gibt an, ob mehrere Einträge gleichzeitig auswählbar sind.

ElementInternals.ariaOrientation Eigenschaft

Liest oder setzt die Standard-ARIA-Ausrichtung (<code>"horizontal"</code>, <code>"vertical"</code> oder <code>"undefined"</code>) eines Custom Elements über dessen <code>ElementInternals</code>.

ElementInternals.ariaOwnsElements Eigenschaft

Legt als Standard-Semantik eines Custom Elements fest, welche Elemente es im Barrierefreiheitsbaum als Kinder „besitzt“ – das Gegenstück zu <code>aria-owns</code>, nur mit Elementreferenzen.

ElementInternals.ariaPlaceholder Eigenschaft

Liest oder setzt den standardmäßigen ARIA-Platzhalterhinweis (<code>aria-placeholder</code>) eines Custom Elements, ohne ein sichtbares Attribut im DOM zu erzeugen.

ElementInternals.ariaPosInSet Eigenschaft

Liest oder setzt die Standard-ARIA-Position (<code>aria-posinset</code>) eines Custom Elements in seiner Liste oder seinem Baum, ohne dafür ein sichtbares Attribut anzulegen.

ElementInternals.ariaPressed Eigenschaft

Liest oder setzt den standardmäßigen ARIA-Zustand <code>aria-pressed</code> eines Custom Elements über <code>ElementInternals</code>, ohne ein sichtbares Attribut zu setzen.

ElementInternals.ariaReadOnly Eigenschaft

Liest oder setzt den standardmäßigen ARIA-Zustand <code>aria-readonly</code> eines Custom Elements über <code>ElementInternals</code>, ohne ein sichtbares Attribut zu setzen.

ElementInternals.ariaRelevant Eigenschaft

Legt für ein Custom Element die Standard-Semantik von <code>aria-relevant</code> fest: Welche Änderungen in einer Live-Region melden Hilfstechnologien?

ElementInternals.ariaRequired Eigenschaft

Liest oder setzt die Standard-ARIA-Eigenschaft <code>aria-required</code> eines Custom Elements, ohne ein sichtbares Attribut in das DOM zu schreiben.

ElementInternals.ariaRoleDescription Eigenschaft

Liest oder setzt die Standard-Rollenbeschreibung (entspricht <code>aria-roledescription</code>) eines Custom Elements, ohne ein sichtbares Attribut im DOM zu erzeugen.

ElementInternals.ariaRowCount Eigenschaft

Liest oder setzt die semantische Standardanzahl der Zeilen (<code>aria-rowcount</code>) für ein benutzerdefiniertes Element mit Tabellen-, Raster- oder Baumraster-Rolle.

ElementInternals.ariaRowIndex Eigenschaft

Liest oder setzt die <code>aria-rowindex</code>-Semantik eines Custom Elements über <code>ElementInternals</code>, also die Position einer Zeile innerhalb einer Tabelle, eines Grids oder einer Treegrid-Struktur.

ElementInternals.ariaRowIndexText Eigenschaft

Legt für ein Custom Element den Standardwert für <code>aria-rowindextext</code> fest oder liest ihn aus. Das ist eine lesbare Textalternative zu <code>aria-rowindex</code>.

ElementInternals.ariaRowSpan Eigenschaft

Liest oder setzt den Standardwert von <code>aria-rowspan</code> für ein Custom Element, also die Anzahl der Zeilen, die eine Zelle in Tabelle, Grid oder Treegrid überspannt.

ElementInternals.ariaSelected Eigenschaft

Liest oder setzt den Standard-ARIA-Zustand <code>aria-selected</code> eines Custom Elements über dessen <code>ElementInternals</code>, ohne ein sichtbares Attribut zu erzeugen.

ElementInternals.ariaSetSize Eigenschaft

Liest oder setzt die Standard-ARIA-Eigenschaft <code>aria-setsize</code> eines Custom Elements, also die Gesamtzahl der Elemente in einer Liste oder Baumebene.

ElementInternals.ariaSort Eigenschaft

Liest oder setzt die Standard-ARIA-Sortierung (<code>aria-sort</code>) eines Custom Elements, z. B. einer Spaltenüberschrift, ohne ein sichtbares Attribut im DOM zu setzen.

ElementInternals.ariaValueMax Eigenschaft

Legt für ein benutzerdefiniertes Element den Standardwert für <code>aria-valuemax</code> fest, also den größten zulässigen Wert eines Bereichs-Widgets wie Schieberegler oder Fortschrittsanzeige.

ElementInternals.ariaValueMin Eigenschaft

Liest oder setzt den Standardwert für <code>aria-valuemin</code> eines Custom Elements, also den minimal erlaubten Wert eines Bereichs-Widgets, ohne ein sichtbares Attribut zu setzen.

ElementInternals.ariaValueNow Eigenschaft

Liest oder setzt über <code>ElementInternals</code> den Standardwert für <code>aria-valuenow</code>, also den aktuellen Wert eines Bereichs-Widgets in einem Custom Element.

ElementInternals.ariaValueText Eigenschaft

Legt für ein benutzerdefiniertes Element über <code>ElementInternals</code> den lesbaren Alternativtext zu <code>aria-valuenow</code> fest (Standard-Semantik ohne sichtbares Attribut).

ElementInternals.checkValidity() Methode

Prüft, ob ein formularfähiges Custom Element alle Regeln der Constraint-Validierung erfüllt, und löst bei Ungültigkeit ein <code>invalid</code>-Event aus.

ElementInternals.form Eigenschaft

Gibt das <code>HTMLFormElement</code> zurück, dem ein formularassoziiertes Custom Element zugeordnet ist, oder <code>null</code>, wenn keine Zuordnung besteht.

ElementInternals.labels Eigenschaft

Gibt als schreibgeschützte <code>NodeList</code> alle <code><label></code>-Elemente zurück, die einem formularassoziierten Custom Element zugeordnet sind.

ElementInternals.reportValidity() Methode

Prüft, ob ein formularassoziiertes Custom Element alle Validierungsregeln erfüllt, löst bei Fehlern ein <code>invalid</code>-Event aus und zeigt die Fehlermeldung an.

ElementInternals.role Eigenschaft

Liest oder setzt die WAI-ARIA-Standardrolle eines benutzerdefinierten Elements, ohne dafür ein sichtbares <code>role</code>-Attribut in das DOM zu schreiben.

ElementInternals.setFormValue() Methode

Legt den Wert fest, den ein formularassoziiertes Custom Element beim Absenden übermittelt, und optional einen internen Zustand für die Wiederherstellung.

ElementInternals.setValidity() Methode

Setzt den Gültigkeitszustand eines formularassoziierten Custom Elements samt Fehlermeldung und optionalem Fokus-Anker für die Browser-Validierung.

ElementInternals.shadowRoot Eigenschaft

Gibt den <code>ShadowRoot</code> des Custom-Element-Hosts zurück, auch wenn er geschlossen (<code>mode: "closed"</code>) ist. Ohne Shadow Root ist der Wert <code>null</code>.

ElementInternals.states Eigenschaft

Die schreibgeschützte Eigenschaft gibt ein <code>CustomStateSet</code> zurück, mit dem ein benutzerdefiniertes Element eigene Zustände setzt, die per CSS-Pseudoklasse <code>:state()</code> abfragbar sind.

ElementInternals.validationMessage Eigenschaft

Gibt die Validierungsnachricht eines formularassoziierten Custom Elements zurück, die zuvor per <code>setValidity()</code> gesetzt wurde.

ElementInternals.validity Eigenschaft

Gibt ein schreibgeschütztes <code>ValidityState</code>-Objekt zurück, das den aktuellen Gültigkeitszustand eines formularassoziierten Custom Elements beschreibt.

ElementInternals.willValidate Eigenschaft

Gibt <code>true</code> zurück, wenn das formularassoziierte Custom Element an der Einschränkungsvalidierung (Constraint Validation) teilnimmt, sonst <code>false</code>.

EncodedAudioChunk Schnittstelle

Repräsentiert einen Abschnitt kodierter Audiodaten (z. B. Opus- oder AAC-Frame) für die Ein- und Ausgabe von <code>AudioEncoder</code> bzw. <code>AudioDecoder</code>.

EncodedAudioChunk.byteLength Eigenschaft

Die schreibgeschützte Eigenschaft <code>byteLength</code> liefert die Größe der kodierten Audiodaten eines <code>EncodedAudioChunk</code> in Bytes.

EncodedAudioChunk.copyTo() Methode

Kopiert die kodierten Audio-Bytes eines <code>EncodedAudioChunk</code> synchron in einen bereitgestellten <code>ArrayBuffer</code>, eine <code>TypedArray</code> oder einen <code>DataView</code>.

EncodedAudioChunk.duration Eigenschaft

Schreibgeschützte Eigenschaft, die die Dauer eines kodierten Audio-Chunks in Mikrosekunden als ganze Zahl liefert, oder <code>null</code>, wenn keine Dauer angegeben wurde.

EncodedAudioChunk.timestamp Eigenschaft

Schreibgeschützte Eigenschaft, die den Präsentationszeitstempel eines kodierten Audio-Chunks als ganze Zahl in Mikrosekunden liefert.

EncodedAudioChunk.type Eigenschaft

Schreibgeschützte Eigenschaft, die angibt, ob ein <code>EncodedAudioChunk</code> ein eigenständig dekodierbarer Schlüssel-Chunk (<code>"key"</code>) oder ein abhängiger Chunk (<code>"delta"</code>) ist.

EncodedVideoChunk Schnittstelle

Repräsentiert ein unveränderliches Segment kodierter Videodaten (z. B. ein H.264- oder VP9-Frame) für die Verarbeitung mit <code>VideoDecoder</code> und <code>VideoEncoder</code>.

EncodedVideoChunk.byteLength Eigenschaft

Liefert die Größe der codierten Videodaten eines <code>EncodedVideoChunk</code> in Bytes (schreibgeschützt).

EncodedVideoChunk.copyTo() Methode

Kopiert die kodierten Videodaten eines <code>EncodedVideoChunk</code> in einen vom Aufrufer bereitgestellten <code>ArrayBuffer</code>, <code>TypedArray</code> oder <code>DataView</code>.

EncodedVideoChunk.duration Eigenschaft

Schreibgeschützte Eigenschaft, die die Dauer eines kodierten Video-Chunks in Mikrosekunden als Ganzzahl liefert oder <code>null</code>, wenn keine Dauer angegeben wurde.

EncodedVideoChunk.timestamp Eigenschaft

Liefert als schreibgeschützte Ganzzahl den Präsentationszeitstempel eines kodierten Video-Chunks in Mikrosekunden.

EncodedVideoChunk.type Eigenschaft

Schreibgeschützte Eigenschaft, die mit <code>"key"</code> oder <code>"delta"</code> angibt, ob ein kodierter Video-Chunk ein eigenständig dekodierbarer Schlüssel-Frame ist.

encodeURI() Funktion

Die Funktion <code>encodeURI()</code> kodiert einen URI, wobei URI-Syntaxzeichen erhalten bleiben und andere Zeichen als UTF-8-Escape-Sequenzen ersetzt werden.

encodeURIComponent() Funktion

Die Funktion <code>encodeURIComponent()</code> kodiert einen URI, indem bestimmte Zeichen durch UTF-8-Escape-Sequenzen ersetzt werden.

Env-Variablen (Node.js / Vite) Snippet

Lädt Env-Variablen typsicher und prüft sie beim Start: Pflichtwerte, Zahlen, Booleans. Fehlt eine Variable, bricht die App sofort ab. Dazu der Zugriff in Vite ü...

Erfassungsgruppe: (...) Keyword

Eine Erfassungsgruppe <code>(...)</code> gruppiert ein Teilmuster und merkt sich den passenden Text, sodass Sie später über Index, <code>$1</code> oder <code>\1</code> darauf zugreifen können.

Error Klasse

<code>Error</code>-Objekte werden bei Laufzeitfehlern geworfen und dienen als Basisklasse für benutzerdefinierte Ausnahmen.

Error.captureStackTrace() Methode

Legt auf einem beliebigen Objekt eine <code>stack</code>-Eigenschaft mit dem aktuellen Stack-Trace an und kann dabei Frames oberhalb einer Funktion ausblenden.

Error.isError() Methode

Die statische Methode <code>Error.isError()</code> prüft, ob ein Wert ein echtes Error-Objekt ist. Die Prüfung funktioniert auch über Realm-Grenzen wie iframes hinweg.

Error.prototype.name Eigenschaft

Gibt den Namen des Fehlertyps an; <code>Error.prototype.name</code> hat den Standardwert <code>"Error"</code> und wird von allen <code>Error</code>-Instanzen geerbt.

Error.prototype.stack Eigenschaft

Liefert als String einen Stacktrace: welche Funktionen in welcher Reihenfolge aufgerufen wurden, samt Datei, Zeile und Spalte, an der der Fehler erzeugt wurde.

Error.prototype.toString() Methode

Gibt einen String zurück, der den Fehler darstellt – üblicherweise im Format <code>"name: message"</code>, z. B. <code>"TypeError: x is not a function"</code>.

Error.stackTraceLimit Eigenschaft

Statische, beschreibbare Eigenschaft, die festlegt, wie viele Stack-Frames höchstens in der <code>stack</code>-Eigenschaft neu erzeugter Fehler erfasst werden.

Error: cause Eigenschaft

Die Eigenschaft <code>cause</code> einer <code>Error</code>-Instanz enthält die ursprüngliche Ursache eines Fehlers, meist einen anderen, abgefangenen Fehler.

Error: columnNumber Eigenschaft

Die nicht standardisierte Eigenschaft <code>columnNumber</code> einer <code>Error</code>-Instanz gibt die Spalte in der Quelltextzeile an, in der der Fehler entstanden ist.

Error: fileName Eigenschaft

Die nicht standardisierte Eigenschaft <code>fileName</code> einer <code>Error</code>-Instanz enthält den Pfad bzw. die URL der Datei, in der der Fehler erzeugt wurde.

Error: lineNumber Eigenschaft

Nicht standardisierte Eigenschaft einer <code>Error</code>-Instanz, die die Zeilennummer in der Quelldatei enthält, in der der Fehler erzeugt wurde.

Error: message Eigenschaft

Die Eigenschaft <code>message</code> einer <code>Error</code>-Instanz enthält eine menschenlesbare Beschreibung des Fehlers als String.

ErrorEvent Schnittstelle

Ereignis-Objekt für Laufzeitfehler in Skripten und Workern mit Meldung, Datei, Zeile, Spalte und dem ursprünglichen Fehlerobjekt.

ErrorEvent.colno Eigenschaft

Schreibgeschützte Eigenschaft, die die Spaltennummer in der Skriptdatei als ganze Zahl liefert, an der der Fehler aufgetreten ist.

ErrorEvent.error Eigenschaft

Nur lesbare Eigenschaft, die den mit einem <code>ErrorEvent</code> verbundenen Fehlerwert liefert – meist ein <code>Error</code>- oder <code>DOMException</code>-Objekt.

ErrorEvent.filename Eigenschaft

Schreibgeschützte Eigenschaft, die als String die URL bzw. den Namen der Skriptdatei liefert, in der der Fehler eines <code>ErrorEvent</code> aufgetreten ist.

ErrorEvent.lineno Eigenschaft

Schreibgeschützte Ganzzahl mit der Zeilennummer der Skriptdatei, in der der Fehler aufgetreten ist, der das <code>ErrorEvent</code> ausgelöst hat.

ErrorEvent.message Eigenschaft

Schreibgeschützte Eigenschaft, die die für Menschen lesbare Fehlermeldung eines <code>ErrorEvent</code> als String liefert.

escape() Funktion

Erstellt einen neuen String, in dem bestimmte Zeichen durch hexadezimale Escape-Sequenzen ersetzt werden. <code>escape()</code> ist veraltet – stattdessen <code>encodeURIComponent()</code> verwenden.

eval() Funktion

Wertet einen als <code>string</code> übergeben JavaScript-Ausdruck oder eine Folge von Anweisungen aus und gibt den Abschlusswert zurück.

EvalError Klasse

Repräsentiert einen Fehler, der im Zusammenhang mit der globalen <code>eval()</code>-Funktion steht.

Event Schnittstelle

Das <code>Event</code>-Interface steht für ein Ereignis, das auf einem <code>EventTarget</code> eintritt, und ist die Basis aller spezielleren Ereignistypen.

Event.bubbles Eigenschaft

Schreibgeschützter Boolean, der angibt, ob ein Ereignis nach der Zielphase im DOM-Baum nach oben zu den Vorfahren-Elementen weitergereicht wird.

Event.cancelable Eigenschaft

Schreibgeschützter Boolean, der angibt, ob die Standardaktion eines Ereignisses mit <code>preventDefault()</code> verhindert werden kann.

Event.cancelBubble Eigenschaft

Veralteter Alias für <code>stopPropagation()</code>: Wird die Eigenschaft auf <code>true</code> gesetzt, gelangt das Event nicht mehr zu weiteren Knoten im DOM-Pfad.

Event.composed Eigenschaft

Schreibgeschützter boolescher Wert, der angibt, ob ein Ereignis die Shadow-DOM-Grenze überschreitet und bis ins reguläre DOM weitergereicht wird.

Event.composedPath() Methode

Gibt ein Array der Objekte zurück, die das Ereignis durchläuft – vom eigentlichen Ziel bis hinauf zu <code>Window</code>, inklusive offener Shadow-DOM-Knoten.

Event.currentTarget Eigenschaft

Nur lesbare Eigenschaft, die auf das Objekt verweist, an dem der gerade ausgeführte Ereignishandler registriert ist – nicht zwingend das auslösende Element.

Event.defaultPrevented Eigenschaft

Schreibgeschützter boolescher Wert, der angibt, ob für das Ereignis <code>preventDefault()</code> erfolgreich aufgerufen und die Standardaktion damit unterdrückt wurde.

Event.eventPhase Eigenschaft

Schreibgeschützte Zahl, die angibt, in welcher Phase des Ereignisflusses (Capturing, Ziel, Bubbling) sich ein Event gerade befindet.

Event.explicitOriginalTarget Eigenschaft

Gibt das ursprüngliche, nicht-anonyme Ziel eines Ereignisses zurück, bevor es aus anderen Gründen als anonymen Grenzen umgelenkt wurde. Nur in Firefox verfügbar.

Event.initEvent() Methode

Initialisiert Typ, Bubbling- und Abbruchverhalten eines Events, das mit <code>document.createEvent()</code> erzeugt wurde. Veraltet: stattdessen <code>new Event()</code> verwenden.

Event.isTrusted Eigenschaft

Schreibgeschützter Boolean: <code>true</code>, wenn der Browser das Ereignis ausgelöst hat, <code>false</code>, wenn es per Skript mit <code>dispatchEvent()</code> ausgelöst wurde.

Event.originalTarget Eigenschaft

Gibt das ursprüngliche Ziel eines Ereignisses zurück, bevor es neu zugeordnet wurde (Retargeting). Nicht standardisiert und nur in Firefox verfügbar.

Event.preventDefault() Methode

Unterdrückt die Standardaktion des Browsers für ein Ereignis, etwa das Absenden eines Formulars, das Folgen eines Links oder das Scrollen.

Event.returnValue Eigenschaft

Veraltetes boolesches Flag: <code>true</code>, solange die Standardaktion des Ereignisses nicht verhindert wurde. Das Setzen auf <code>false</code> wirkt wie <code>preventDefault()</code>.

Event.srcElement Eigenschaft

Veralteter, nur lesbarer Alias für <code>Event.target</code>: Er verweist auf das Objekt, an das das Ereignis ursprünglich gesendet wurde.

Event.stopImmediatePropagation() Methode

Stoppt die Weitergabe eines Ereignisses und verhindert zusätzlich, dass weitere Listener <em>am selben Element</em> aufgerufen werden.

Event.stopPropagation() Methode

Verhindert, dass das aktuelle Ereignis in der Capturing- oder Bubbling-Phase an weitere Elemente im DOM-Baum weitergereicht wird.

Event.target Eigenschaft

Schreibgeschützte Referenz auf das Objekt (meist ein DOM-Element), an das das Ereignis ursprünglich gesendet wurde.

Event.timeStamp Eigenschaft

Schreibgeschützte Eigenschaft, die den Zeitpunkt der Ereigniserstellung als <code>DOMHighResTimeStamp</code> in Millisekunden relativ zum Zeitursprung der Seite liefert.

Event.type Eigenschaft

Die schreibgeschützte Eigenschaft <code>type</code> liefert den Namen des Ereignisses als String, z. B. <code>"click"</code> oder <code>"keydown"</code>.

EventCounts Schnittstelle

Eine schreibgeschützte, Map-ähnliche Struktur, die über <code>performance.eventCounts</code> für jeden Ereignistyp angibt, wie oft er ausgelöst wurde.

EventSource Schnittstelle

Öffnet eine dauerhafte HTTP-Verbindung zu einem Server und empfängt über Server-sent Events (<code>text/event-stream</code>) fortlaufend Nachrichten.

EventSource.close() Methode

Schließt die Server-Sent-Events-Verbindung einer <code>EventSource</code> endgültig und setzt <code>readyState</code> auf <code>2</code> (<code>CLOSED</code>).

EventSource.readyState Eigenschaft

Schreibgeschützte Zahl, die den aktuellen Verbindungszustand einer <code>EventSource</code> angibt: <code>0</code> (CONNECTING), <code>1</code> (OPEN) oder <code>2</code> (CLOSED).

EventSource.url Eigenschaft

Die schreibgeschützte Eigenschaft <code>url</code> gibt die vollständig aufgelöste URL der Server-Sent-Events-Quelle einer <code>EventSource</code> als String zurück.

EventSource.withCredentials Eigenschaft

Schreibgeschützter boolescher Wert, der anzeigt, ob die <code>EventSource</code> mit CORS-Zugangsdaten (Cookies, HTTP-Auth) erzeugt wurde.

EventSource: error Ereignis

Wird ausgelöst, wenn eine <code>EventSource</code>-Verbindung nicht geöffnet werden kann oder abbricht. Der Browser versucht danach je nach Fall automatisch, die Verbindung neu aufzubauen.

EventSource: message Ereignis

Wird ausgelöst, wenn eine <code>EventSource</code> vom Server eine Nachricht ohne eigenes <code>event:</code>-Feld (bzw. mit <code>event: message</code>) empfängt.

EventSource: open Ereignis

Wird ausgelöst, sobald eine <code>EventSource</code> eine Verbindung zum Server aufgebaut hat. Das geschieht auch nach jeder automatischen Wiederverbindung.

EventTarget Schnittstelle

Basis-Interface für alle Objekte, die Ereignisse empfangen, Listener registrieren und Events per <code>dispatchEvent()</code> auslösen können.

EventTarget.addEventListener() Methode

Registriert eine Funktion oder ein Objekt mit <code>handleEvent()</code>, die aufgerufen wird, wenn das angegebene Event am <code>EventTarget</code> auftritt.

EventTarget.dispatchEvent() Methode

Sendet ein <code>Event</code> an das Ziel und ruft alle passenden Event-Listener synchron in der korrekten Reihenfolge (Capturing, Target, optional Bubbling) auf.

EventTarget.removeEventListener() Methode

Entfernt einen zuvor mit <code>addEventListener()</code> registrierten Event-Listener vom Ziel.

Exponentialer Zuweisungsoperator (**=) Operator

Der exponentielle Zuweisungsoperator <code>**=</code> potenziert den linken Operanden mit dem rechten und weist das Ergebnis dem linken Operanden zu.

Exponentiation (**) Operator

Der Exponentiationsoperator <code>**</code> berechnet den Wert des ersten Operanden potenziert mit dem zweiten Operanden (x hoch y).

export Anweisung

Die <code>export</code>-Deklaration exportiert Werte aus einem JavaScript-Modul, die anschließend per <code>import</code> in anderen Programmen verwendet werden können.

EXT_blend_minmax extension Schnittstelle

WebGL-1-Erweiterung, die die Blend-Gleichungen <code>MIN_EXT</code> und <code>MAX_EXT</code> hinzufügt, also komponentenweise Minimum bzw. Maximum aus Quell- und Zielfarbe.

EXT_color_buffer_float extension Schnittstelle

WebGL-2-Erweiterung, mit der Gleitkomma-Texturformate wie <code>RGBA16F</code>, <code>RGBA32F</code> oder <code>R11F_G11F_B10F</code> als Farb-Renderziel in Framebuffern nutzbar werden.

EXT_color_buffer_half_float extension Schnittstelle

WebGL-Erweiterung, mit der Texturen und Renderbuffer im 16-Bit-Gleitkommaformat (Half Float) als Farbanhang eines Framebuffers verwendet und beschrieben werden können.

EXT_disjoint_timer_query extension Schnittstelle

WebGL-1-Erweiterung, mit der sich die GPU-Laufzeit einer Reihe von GL-Befehlen asynchron messen lässt, ohne die Rendering-Pipeline anzuhalten.

EXT_disjoint_timer_query.beginQueryEXT() Methode

Startet eine GPU-Timerabfrage in WebGL 1, mit der sich messen lässt, wie lange die GPU für die folgenden Zeichenbefehle braucht.

EXT_disjoint_timer_query.createQueryEXT() Methode

Erzeugt ein neues <code>WebGLQuery</code>-Objekt, mit dem sich die GPU-Ausführungszeit einer Folge von WebGL-Befehlen messen lässt.

EXT_disjoint_timer_query.deleteQueryEXT() Methode

Löscht ein zuvor mit <code>createQueryEXT()</code> erzeugtes <code>WebGLQuery</code>-Objekt und gibt die zugehörigen GPU-Ressourcen frei.

EXT_disjoint_timer_query.endQueryEXT() Methode

Beendet die aktuell laufende GPU-Timer-Abfrage für das angegebene Ziel, die zuvor mit <code>beginQueryEXT()</code> gestartet wurde.

EXT_disjoint_timer_query.getQueryEXT() Methode

Liefert Informationen zu einem Abfrageziel der WebGL-Timer-Erweiterung, z. B. die gerade aktive Timer-Abfrage oder die Bitbreite des GPU-Zeitzählers.

EXT_disjoint_timer_query.getQueryObjectEXT() Methode

Fragt den Status oder das Ergebnis eines GPU-Timer-Query-Objekts ab – ob das Ergebnis schon vorliegt oder wie viele Nanosekunden gemessen wurden.

EXT_disjoint_timer_query.isQueryEXT() Methode

Prüft, ob das übergebene Objekt ein gültiges, noch nicht gelöschtes Timer-Query-Objekt (<code>WebGLTimerQueryEXT</code>) der Erweiterung <code>EXT_disjoint_timer_query</code> ist.

EXT_disjoint_timer_query.queryCounterEXT() Methode

Schreibt einen GPU-Zeitstempel in das angegebene Abfrageobjekt, sobald alle vorher abgesetzten GL-Befehle auf der GPU fertig sind.

EXT_float_blend extension Schnittstelle

Die WebGL-Erweiterung <code>EXT_float_blend</code> erlaubt Blending beim Zeichnen in Farbpuffer mit 32-Bit-Gleitkomma-Komponenten (z. B. <code>RGBA32F</code>).

EXT_frag_depth extension Schnittstelle

WebGL-1-Erweiterung, mit der ein Fragment-Shader über <code>gl_FragDepthEXT</code> selbst den Tiefenwert des aktuellen Fragments festlegen kann.

EXT_shader_texture_lod extension Schnittstelle

WebGL-1-Erweiterung, mit der Fragment-Shader das Mipmap-Level (LOD) oder die Gradienten beim Texturzugriff ausdrücklich selbst festlegen können.

EXT_sRGB extension Schnittstelle

WebGL-1-Erweiterung mit sRGB-Formaten für Texturen und Renderbuffer. Die GPU rechnet Farben damit automatisch zwischen sRGB und linearem Farbraum um.

EXT_texture_compression_bptc extension Schnittstelle

WebGL-Erweiterung, die vier BPTC-komprimierte Texturformate (BC6H für HDR, BC7 für hochwertige RGBA-Daten) für <code>compressedTexImage2D</code> bereitstellt.

EXT_texture_compression_rgtc extension Schnittstelle

WebGL-Erweiterung, die vier RGTC-Formate (BC4/BC5) für komprimierte Ein- und Zweikanal-Texturen bereitstellt, z. B. für Höhenkarten und Normal-Maps.

EXT_texture_filter_anisotropic extension Schnittstelle

WebGL-Erweiterung mit den Konstanten <code>TEXTURE_MAX_ANISOTROPY_EXT</code> und <code>MAX_TEXTURE_MAX_ANISOTROPY_EXT</code> für anisotropes Texturfiltern (AF).

EXT_texture_norm16 extension Schnittstelle

WebGL-2-Erweiterung für normierte 16-Bit-Formate (<code>R16</code>, <code>RG16</code>, <code>RGB16</code>, <code>RGBA16</code> und die <code>_SNORM</code>-Varianten) bei Texturen und Renderbuffern.

ExtendableCookieChangeEvent Schnittstelle

Ereignisobjekt des <code>cookiechange</code>-Ereignisses im Service Worker; enthält die geänderten und gelöschten Cookies, die zu einem Abonnement passen.

ExtendableCookieChangeEvent.changed Eigenschaft

Schreibgeschütztes Array aller Cookies, die im Rahmen eines <code>cookiechange</code>-Events im Service Worker gesetzt oder geändert wurden.

ExtendableCookieChangeEvent.deleted Eigenschaft

Schreibgeschütztes Array der Cookies, die mit dem ausgelösten <code>cookiechange</code>-Ereignis im Service Worker gelöscht wurden oder abgelaufen sind.

ExtendableEvent Schnittstelle

Verlängert die Lebensdauer von Service-Worker-Ereignissen wie <code>install</code> und <code>activate</code>, bis die an <code>waitUntil()</code> übergebenen Promises erfüllt sind.

ExtendableEvent.waitUntil() Methode

Verlängert die Lebensdauer eines Service-Worker-Ereignisses, bis das übergebene <code>Promise</code> erfüllt oder abgelehnt ist.

ExtendableMessageEvent Schnittstelle

Ereignisobjekt des <code>message</code>-Ereignisses im Service Worker. Es enthält Daten, Absender und Ports und verlängert mit <code>waitUntil()</code> die Lebensdauer des Workers.

ExtendableMessageEvent.data Eigenschaft

Schreibgeschützte Eigenschaft, die die per <code>postMessage()</code> an einen Service Worker gesendeten Daten eines <code>message</code>-Ereignisses liefert.

ExtendableMessageEvent.lastEventId Eigenschaft

Nur lesbare Eigenschaft, die als String die letzte Ereignis-ID der Ereignisquelle liefert. Bei Service-Worker-Nachrichten ist sie in der Praxis fast immer ein leerer String.

ExtendableMessageEvent.origin Eigenschaft

Schreibgeschützte Eigenschaft, die den Ursprung (<code>origin</code>) des Clients als String liefert, der die Nachricht an den Service Worker gesendet hat.

ExtendableMessageEvent.ports Eigenschaft

Schreibgeschütztes, eingefrorenes Array der <code>MessagePort</code>-Objekte, die mit einer Nachricht an einen Service Worker übertragen wurden.

ExtendableMessageEvent.source Eigenschaft

Schreibgeschützte Eigenschaft, die das Absender-Objekt einer Nachricht an den Service Worker liefert: <code>Client</code>, <code>ServiceWorker</code> oder <code>MessagePort</code>.

extends Keyword

Mit <code>extends</code> legst du eine Klasse als Unterklasse einer anderen Klasse oder Konstruktorfunktion an und erbst deren Methoden und Eigenschaften.

EyeDropper Schnittstelle

Die <code>EyeDropper</code>-Schnittstelle stellt ein Pipettenwerkzeug bereit, mit dem der Benutzer eine Farbe von einer beliebigen Stelle des Bildschirms aufnehmen kann.

EyeDropper.open() Methode

Startet den Pipettenmodus und gibt ein Promise zurück, das mit der vom Benutzer gewählten Farbe als <code>{ sRGBHex }</code> erfüllt wird.

JS JavaScript-Referenz

E

Häufige Fragen