JS JavaScript-Referenz

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.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.

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.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.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.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.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.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>&lt;template shadowrootmode&gt;</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.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.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.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.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.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.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.scrollTo() Methode

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

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.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.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.

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.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.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.

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>.

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>.

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.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>.

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.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.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.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.

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>).

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.

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.

ExtendableEvent.waitUntil() Methode

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

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.