Element

Baseline Widely available *

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

* Some parts of this feature may have varying levels of support.

Element ist die allgemeinste Basisklasse, von der alle Elementobjekte (d.h. Objekte, die Elemente darstellen) in einem Document erben. Sie verfügt nur über Methoden und Eigenschaften, die allen Arten von Elementen gemeinsam sind. Spezifischere Klassen erben von Element.

Zum Beispiel ist das HTMLElement-Interface die Schnittstelle für HTML-Elemente. Ähnlich ist das SVGElement-Interface die Grundlage für alle SVG-Elemente, und das MathMLElement-Interface ist die Basisschnittstelle für MathML-Elemente. Die meiste Funktionalität wird weiter unten in der Klassenhierarchie spezifiziert.

Sprachen außerhalb des Bereichs der Web-Plattform, wie XUL über das XULElement-Interface, implementieren auch Element.

Instanzeigenschaften

Element erbt Eigenschaften von seinem Elterninterface, Node, und indirekt von dessen Elterninterface, EventTarget.

Element.assignedSlot Schreibgeschützt: Gibt ein HTMLSlotElement zurück, das das <slot>-Element darstellt, in das der Knoten eingefügt ist.
Element.attributes Schreibgeschützt: Gibt ein NamedNodeMap-Objekt zurück, das die zugewiesenen Attribute des entsprechenden HTML-Elements enthält.
Element.childElementCount Schreibgeschützt: Gibt die Anzahl der Kindelemente dieses Elements zurück.
Element.children Schreibgeschützt: Gibt die Kindelemente dieses Elements zurück.
Element.classList Schreibgeschützt: Gibt eine DOMTokenList zurück, die die Liste der Klassenattribute enthält.
Element.className: Ein String, der die Klasse des Elements darstellt.
Element.clientHeight Schreibgeschützt: Gibt eine Zahl zurück, die die innere Höhe des Elements darstellt.
Element.clientLeft Schreibgeschützt: Gibt eine Zahl zurück, die die Breite des linken Rahmens des Elements darstellt.
Element.clientTop Schreibgeschützt: Gibt eine Zahl zurück, die die Breite des oberen Rahmens des Elements darstellt.
Element.clientWidth Schreibgeschützt: Gibt eine Zahl zurück, die die innere Breite des Elements darstellt.
Element.currentCSSZoom Schreibgeschützt: Eine Zahl, die die effektive Zoomgröße des Elements angibt oder 1.0, wenn das Element nicht gerendert wird.
Element.elementTiming Experimentell: Ein String, der das elementtiming-Attribut widerspiegelt, das ein Element für die Beobachtung in der PerformanceElementTiming-API markiert.
Element.firstElementChild Schreibgeschützt: Gibt das erste Kindelement dieses Elements zurück.
Element.id: Ein String, der die ID des Elements darstellt.
Element.innerHTML: Ein String, der das Markup des Inhalts des Elements darstellt.
Element.lastElementChild Schreibgeschützt: Gibt das letzte Kindelement dieses Elements zurück.
Element.localName Schreibgeschützt: Ein String, der den lokalen Teil des qualifizierten Namens des Elements darstellt.
Element.namespaceURI Schreibgeschützt: Der Namespace-URI des Elements oder null, wenn kein Namespace vorhanden ist.
Element.nextElementSibling Schreibgeschützt: Ein Element, das Element unmittelbar nach dem gegebenen im Baum oder null, wenn es kein Geschwisterknoten gibt.
Element.outerHTML: Ein String, der das Markup des Elements einschließlich seines Inhalts darstellt. Wenn es als Setter verwendet wird, ersetzt es das Element durch Knoten, die aus dem angegebenen String geparst wurden.
Element.part: Stellt die Teil-Identifier des Elements dar (d.h. mit dem part-Attribut gesetzt), zurückgegeben als eine DOMTokenList.
Element.prefix Schreibgeschützt: Ein String, der das Namespace-Präfix des Elements darstellt oder null, wenn kein Präfix angegeben ist.
Element.previousElementSibling Schreibgeschützt: Ein Element, das Element unmittelbar vor dem gegebenen im Baum oder null, wenn es kein Geschwisterelement gibt.
Element.scrollHeight Schreibgeschützt: Gibt eine Zahl zurück, die die Scrollansichtshöhe eines Elements darstellt.
Element.scrollLeft: Eine Zahl, die den linken Scrolloffset des Elements darstellt.
Element.scrollLeftMax Nicht standardisiert Schreibgeschützt: Gibt eine Zahl zurück, die den maximalen linken Scrolloffset darstellt, der für das Element möglich ist.
Element.scrollTop: Eine Zahl, die die Anzahl der Pixel darstellt, die der obere Teil des Elements vertikal gescrollt ist.
Element.scrollTopMax Nicht standardisiert Schreibgeschützt: Gibt eine Zahl zurück, die den maximalen oberen Scrolloffset darstellt, der für das Element möglich ist.
Element.scrollWidth Schreibgeschützt: Gibt eine Zahl zurück, die die Scrollansichtsbreite des Elements darstellt.
Element.shadowRoot Schreibgeschützt: Gibt das offene Shadow-Root zurück, das vom Element gehostet wird, oder null, wenn kein offenes Shadow-Root vorhanden ist.
Element.slot: Gibt den Namen des Shadow-DOM-Slots zurück, in den das Element eingefügt ist.
Element.tagName Schreibgeschützt: Gibt einen String mit dem Namen des Tags für das gegebene Element zurück.

Instanzeigenschaften aus ARIA

Das Interface Element umfasst auch die folgenden Eigenschaften.

Element.ariaAtomic: Ein String, der das aria-atomic-Attribut widerspiegelt, welches angibt, ob unterstützende Technologien alle oder nur Teile des geänderten Bereichs präsentieren werden, basierend auf den Änderungsbenachrichtigungen, die durch das aria-relevant-Attribut definiert sind.
Element.ariaAutoComplete: Ein String, der das aria-autocomplete-Attribut widerspiegelt, welches angibt, ob die Eingabe von Text die Anzeige eines oder mehrerer Vorhersagen des vom Benutzer beabsichtigten Werts für ein Kombinationsfeld, ein Suchfeld oder ein Textfeld auslösen könnte und wie die Vorhersagen präsentiert würden, wenn sie gemacht würden.
Element.ariaBrailleLabel: Ein String, der das aria-braillelabel-Attribut widerspiegelt, welches das Braille-Label des Elements definiert.
Element.ariaBrailleRoleDescription: Ein String, der das aria-brailleroledescription-Attribut widerspiegelt, welches die ARIA-Braille-Rollenbeschreibung des Elements definiert.
Element.ariaBusy: Ein String, der das aria-busy-Attribut widerspiegelt, welches angibt, ob ein Element modifiziert wird, da unterstützende Technologien möglicherweise warten möchten, bis die Modifikationen abgeschlossen sind, bevor sie sie dem Benutzer zugänglich machen.
Element.ariaChecked: Ein String, der das aria-checked-Attribut widerspiegelt, welches den aktuellen "geprüften" Zustand von Kontrollkästchen, Optionsfeldern und anderen Widgets angibt, die einen überprüften Zustand haben.
Element.ariaColCount: Ein String, der das aria-colcount-Attribut widerspiegelt, welches die Anzahl der Spalten in einer Tabelle, einem Raster oder Baumraster definiert.
Element.ariaColIndex: Ein String, der das aria-colindex-Attribut widerspiegelt, welches den Spaltenindex oder die Position eines Elements in Bezug auf die Gesamtanzahl der Spalten innerhalb einer Tabelle, eines Rasters oder Baumrasters definiert.
Element.ariaColIndexText: Ein String, der das aria-colindextext-Attribut widerspiegelt, welches eine menschenlesbare Textalternative von aria-colindex definiert.
Element.ariaColSpan: Ein String, der das aria-colspan-Attribut widerspiegelt, welches die Anzahl der Spalten definiert, die von einer Zelle oder Rasterzelle innerhalb einer Tabelle, eines Rasters oder Baumrasters überspannt werden.
Element.ariaCurrent: Ein String, der das aria-current-Attribut widerspiegelt, welches das Element angibt, das das aktuelle Element innerhalb eines Containers oder einer Gruppe verwandter Elemente darstellt.
Element.ariaDescription: Ein String, der das aria-description-Attribut widerspiegelt, welches einen String-Wert definiert, der das aktuelle Element beschreibt oder annotiert.
Element.ariaDisabled: Ein String, der das aria-disabled-Attribut widerspiegelt, welches angibt, dass das Element wahrnehmbar, aber deaktiviert ist, sodass es nicht bearbeitbar oder anderweitig bedienbar ist.
Element.ariaExpanded: Ein String, der das aria-expanded-Attribut widerspiegelt, welches angibt, ob ein Gruppierungselement, das diesem Element gehört oder von ihm kontrolliert wird, erweitert oder reduziert ist.
Element.ariaHasPopup: Ein String, der das aria-haspopup-Attribut widerspiegelt, welches die Verfügbarkeit und den Typ eines interaktiven Popup-Elements angibt, wie z. B. Menü oder Dialog, das durch ein Element ausgelöst werden kann.
Element.ariaHidden: Ein String, der das aria-hidden-Attribut widerspiegelt, welches angibt, ob das Element für eine Zugänglichkeitsschnittstelle sichtbar ist.
Element.ariaInvalid: Ein String, der das aria-invalid-Attribut widerspiegelt, welches angibt, dass der eingegebene Wert nicht dem vom Anwendung erwarteten Format entspricht.
Element.ariaKeyShortcuts: Ein String, der das aria-keyshortcuts-Attribut widerspiegelt, welches die Tastaturkürzel angibt, die ein Autor implementiert hat, um ein Element zu aktivieren oder in den Fokus zu nehmen.
Element.ariaLabel: Ein String, der das aria-label-Attribut widerspiegelt, welches einen String-Wert definiert, der das aktuelle Element beschriftet.
Element.ariaLevel: Ein String, der das aria-level-Attribut widerspiegelt, welches die hierarchische Ebene eines Elements innerhalb einer Struktur definiert.
Element.ariaLive: Ein String, der das aria-live-Attribut widerspiegelt, welches angibt, dass ein Element aktualisiert wird und die Art der Updates beschreibt, die Benutzeragenten, unterstützende Technologien und Benutzer von dem Live-Bereich erwarten können.
Element.ariaModal: Ein String, der das aria-modal-Attribut widerspiegelt, welches angibt, ob ein Element modal angezeigt wird.
Element.ariaMultiline: Ein String, der das aria-multiline-Attribut widerspiegelt, welches angibt, ob ein Textfeld mehrere Zeilen Eingabe akzeptiert oder nur eine einzige Zeile.
Element.ariaMultiSelectable: Ein String, der das aria-multiselectable-Attribut widerspiegelt, welches angibt, dass der Benutzer mehr als ein Element aus den aktuellen auswählbaren Nachfahren auswählen kann.
Element.ariaOrientation: Ein String, der das aria-orientation-Attribut widerspiegelt, welches angibt, ob die Ausrichtung des Elements horizontal, vertikal oder unbekannt/mehrdeutig ist.
Element.ariaPlaceholder: Ein String, der das aria-placeholder-Attribut widerspiegelt, welches einen kurzen Hinweis definiert, der dem Benutzer bei der Dateneingabe helfen soll, wenn das Steuerelement keinen Wert hat.
Element.ariaPosInSet: Ein String, der das aria-posinset-Attribut widerspiegelt, welches die Nummer oder Position eines Elements in der aktuellen Gruppe von Listenelementen oder Baumelementen definiert.
Element.ariaPressed: Ein String, der das aria-pressed-Attribut widerspiegelt, welches den aktuellen "gedrückten" Zustand von Umschalttasten angibt.
Element.ariaReadOnly: Ein String, der das aria-readonly-Attribut widerspiegelt, welches angibt, dass das Element nicht editierbar, aber ansonsten bedienbar ist.
Element.ariaRelevant Nicht standardisiert: Ein String, der das aria-relevant-Attribut widerspiegelt, welches angibt, welche Benachrichtigungen der Benutzeragent auslösen wird, wenn der Zugänglichkeitsbaum innerhalb eines Live-Bereichs modifiziert wird. Dies wird verwendet, um zu beschreiben, welche Änderungen in einem aria-live-Bereich relevant sind und angekündigt werden sollten.
Element.ariaRequired: Ein String, der das aria-required-Attribut widerspiegelt, welches angibt, dass Benutzereingaben in dem Element erforderlich sind, bevor ein Formular abgeschickt werden kann.
Element.ariaRoleDescription: Ein String, der das aria-roledescription-Attribut widerspiegelt, welches eine menschenlesbare, vom Autor lokalisierte Beschreibung für die Rolle des Elements definiert.
Element.ariaRowCount: Ein String, der das aria-rowcount-Attribut widerspiegelt, welches die Gesamtzahl der Zeilen in einer Tabelle, einem Raster oder Baumraster definiert.
Element.ariaRowIndex: Ein String, der das aria-rowindex-Attribut widerspiegelt, welches den Zeilenindex oder die Position eines Elements in Bezug auf die Gesamtanzahl der Zeilen innerhalb einer Tabelle, eines Rasters oder Baumrasters definiert.
Element.ariaRowIndexText: Ein String, der das aria-rowindextext-Attribut widerspiegelt, welches eine menschenlesbare Textalternative von aria-rowindex definiert.
Element.ariaRowSpan: Ein String, der das aria-rowspan-Attribut widerspiegelt, welches die Anzahl der Zeilen definiert, die von einer Zelle oder Rasterzelle innerhalb einer Tabelle, eines Rasters oder Baumrasters überspannt werden.
Element.ariaSelected: Ein String, der das aria-selected-Attribut widerspiegelt, welches den aktuellen "ausgewählten" Zustand von Elementen angibt, die einen ausgewählten Zustand haben.
Element.ariaSetSize: Ein String, der das aria-setsize-Attribut widerspiegelt, welches die Anzahl der Elemente in der aktuellen Gruppe von Listenelementen oder Baumelementen definiert.
Element.ariaSort: Ein String, der das aria-sort-Attribut widerspiegelt, welches angibt, ob Elemente in einer Tabelle oder einem Raster in aufsteigender oder absteigender Reihenfolge sortiert sind.
Element.ariaValueMax: Ein String, der das aria-valueMax-Attribut widerspiegelt, welches den maximal zulässigen Wert für ein Reichweiten-Widget definiert.
Element.ariaValueMin: Ein String, der das aria-valueMin-Attribut widerspiegelt, welches den minimal zulässigen Wert für ein Reichweiten-Widget definiert.
Element.ariaValueNow: Ein String, der das aria-valueNow-Attribut widerspiegelt, welches den aktuellen Wert für ein Reichweiten-Widget definiert.
Element.ariaValueText: Ein String, der das aria-valuetext-Attribut widerspiegelt, welches die menschenlesbare Textalternative von aria-valuenow für ein Reichweiten-Widget definiert.
Element.role: Ein String, der das explizit gesetzte role-Attribut widerspiegelt, welches die semantische Rolle des Elements angibt.

Instanzeigenschaften, die von ARIA-Elementreferenzen widergespiegelt werden

Die Eigenschaften spiegeln die Elemente wider, die durch id-Referenz in den entsprechenden Attributen angegeben sind, jedoch mit einigen Einschränkungen. Weitere Informationen finden Sie unter Reflektierte Elementreferenzen im Leitfaden zu den reflektierten Attributen.

Element.ariaActiveDescendantElement: Ein Element, das das aktuelle aktive Element darstellt, wenn der Fokus auf einem composite-Widget, einem combobox, einem textbox, einer group oder einer application liegt. Widerspiegelt das aria-activedescendant-Attribut.
Element.ariaControlsElements: Ein Array von Elementen, deren Inhalte oder Anwesenheit durch das angewandte Element kontrolliert werden. Widerspiegelt das aria-controls-Attribut.
Element.ariaDescribedByElements: Ein Array von Elementen, die die zugängliche Beschreibung für das angewandte Element enthalten. Widerspiegelt das aria-describedby-Attribut.
Element.ariaDetailsElements: Ein Array von Elementen, die zugängliche Details für das angewandte Element bereitstellen. Widerspiegelt das aria-details-Attribut.
Element.ariaErrorMessageElements: Ein Array von Elementen, die eine Fehlermeldung für das angewandte Element bereitstellen. Widerspiegelt das aria-errormessage-Attribut.
Element.ariaFlowToElements: Ein Array von Elementen, die das nächste Element (oder die nächsten Elemente) in einer alternativen Leseordnung von Inhalten identifizieren und die allgemeine standardmäßige Leseordnung nach eigenem Ermessen des Benutzers überschreiben. Widerspiegelt das aria-flowto-Attribut.
Element.ariaLabelledByElements: Ein Array von Elementen, die den zugänglichen Namen für das angewandte Element bereitstellen. Widerspiegelt das aria-labelledby-Attribut.
Element.ariaOwnsElements: Ein Array von Elementen, die vom Element, auf das es angewandt wird, besessen werden. Dies wird verwendet, um eine visuelle, funktionale oder kontextuelle Beziehung zwischen einem übergeordneten und seinen untergeordneten Elementen zu definieren, wenn die DOM-Hierarchie nicht verwendet werden kann, um die Beziehung darzustellen. Widerspiegelt das aria-owns-Attribut.

Instanzmethoden

Element erbt Methoden von seinen Eltern Node und seinem eigenen Eltern, EventTarget.

Element.after(): Fügt eine Gruppe von Node-Objekten oder Strings in die Kinderliste des Elternteils des Element ein, direkt nach dem Element.
Element.animate(): Eine Abkürzungsmethode, um eine Animation auf einem Element zu erstellen und auszuführen. Gibt das erstellte Animation-Objekt zurück.
Element.append(): Fügt eine Gruppe von Node-Objekten oder Strings nach dem letzten Kind des Elements ein.
Element.attachShadow(): Hängt einen Shadow-DOM-Baum an das angegebene Element an und gibt eine Referenz zu seinem ShadowRoot zurück.
Element.before(): Fügt eine Gruppe von Node-Objekten oder Strings in die Kinderliste des Elternteils des Element ein, direkt vor dem Element.
Element.checkVisibility(): Gibt zurück, ob ein Element voraussichtlich sichtbar ist oder nicht, basierend auf konfigurierbaren Prüfungen.
Element.closest(): Gibt das Element zurück, das der nächstgelegene Vorfahr des aktuellen Elements (oder das aktuelle Element selbst) ist, das die im Parameter angegebenen Selektoren erfüllt.
Element.computedStyleMap(): Gibt eine StylePropertyMapReadOnly-Schnittstelle zurück, die eine schreibgeschützte Darstellung eines CSS-Deklarationsblocks ist, der eine Alternative zu CSSStyleDeclaration bietet.
Element.getAnimations(): Gibt ein Array von derzeit aktiven Animationsobjekten auf dem Element zurück.
Element.getAttribute(): Ruft den Wert des benannten Attributs vom aktuellen Knoten ab und gibt ihn als String zurück.
Element.getAttributeNames(): Gibt ein Array von Attributnamen des aktuellen Elements zurück.
Element.getAttributeNode(): Ruft die Knotenrepräsentation des benannten Attributs vom aktuellen Knoten ab und gibt sie als Attr zurück.
Element.getAttributeNodeNS(): Ruft die Knotenrepräsentation des Attributs mit dem angegebenen Namen und Namespace vom aktuellen Knoten ab und gibt sie als Attr zurück.
Element.getAttributeNS(): Ruft den Wert des Attributs mit dem angegebenen Namespace und Namen vom aktuellen Knoten ab und gibt ihn als String zurück.
Element.getBoundingClientRect(): Gibt die Größe eines Elements und seine Position relativ zum Ansichtsfenster zurück.
Element.getBoxQuads() Experimentell: Gibt eine Liste von DOMQuad-Objekten zurück, die die CSS-Fragmente des Knotens darstellen.
Element.getClientRects(): Gibt eine Sammlung von Rechtecken zurück, die die Begrenzungsrechtecke für jede Textzeile in einem Client darstellen.
Element.getElementsByClassName(): Gibt eine Live-HTMLCollection zurück, die alle Nachfahren des aktuellen Elements enthält, die die im Parameter angegebene Klassenliste besitzen.
Element.getElementsByTagName(): Gibt eine Live-HTMLCollection zurück, die alle Nachfahrenelemente eines bestimmten Tag-Namens vom aktuellen Element enthält.
Element.getElementsByTagNameNS(): Gibt eine Live-HTMLCollection zurück, die alle Nachfahrenelemente eines bestimmten Tag-Namens und Namespace vom aktuellen Element enthält.
Element.getHTML(): Gibt den DOM-Inhalt des Elements als HTML-String zurück, optional einschließlich eines Shadow-DOM.
Element.hasAttribute(): Gibt einen booleschen Wert zurück, der angibt, ob das Element das angegebene Attribut hat oder nicht.
Element.hasAttributeNS(): Gibt einen booleschen Wert zurück, der angibt, ob das Element das angegebene Attribut im angegebenen Namespace hat oder nicht.
Element.hasAttributes(): Gibt einen booleschen Wert zurück, der angibt, ob das Element eines oder mehrere HTML-Attribute hat.
Element.hasPointerCapture(): Gibt an, ob das Element, auf dem es aufgerufen wird, eine Zeigererfassung für den durch die gegebene Zeiger-ID identifizierten Zeiger hat.
Element.insertAdjacentElement(): Fügt einen gegebenen Elementknoten an einer angegebenen Position relativ zu dem Element, auf dem es aufgerufen wird, ein.
Element.insertAdjacentHTML(): Parst den Text als HTML oder XML und fügt die resultierenden Knoten in den Baum an die angegebene Position ein.
Element.insertAdjacentText(): Fügt einen gegebenen Textknoten an einer angegebenen Position relativ zu dem Element, auf dem es aufgerufen wird, ein.
Element.matches(): Gibt einen booleschen Wert zurück, der angibt, ob das Element durch den angegebenen Selektorstring ausgewählt würde oder nicht.
Element.moveBefore() Experimentell: Verschiebt einen gegebenen Node als direktes Kind in den aufrufenden Knoten vor einen gegebenen Referenzknoten, ohne den Knoten zu entfernen und dann einzufügen.
Element.prepend(): Fügt eine Gruppe von Node-Objekten oder Strings vor dem ersten Kind des Elements ein.
Element.querySelector(): Gibt den ersten Node zurück, der dem angegebenen Selektorstring relativ zum Element entspricht.
Element.querySelectorAll(): Gibt eine NodeList von Knoten zurück, die dem angegebenen Selektorstring relativ zum Element entsprechen.
Element.releasePointerCapture(): Löst die vorher für ein spezielles PointerEvent gesetzte Zeigererfassung auf.
Element.remove(): Entfernt das Element aus der Kinderliste seines Elternteils.
Element.removeAttribute(): Entfernt das benannte Attribut vom aktuellen Knoten.
Element.removeAttributeNode(): Entfernt die Knotenrepräsentation des benannten Attributs vom aktuellen Knoten.
Element.removeAttributeNS(): Entfernt das Attribut mit dem angegebenen Namen und Namespace vom aktuellen Knoten.
Element.replaceChildren(): Ersetzt die bestehenden Kinder eines Node durch einen angegebenen neuen Satz von Kindern.
Element.replaceWith(): Ersetzt das Element in der Kinderliste seines Elterns mit einem Satz von Node-Objekten oder Strings.
Element.requestFullscreen(): Stellt asynchron eine Anfrage an den Browser, das Element im Vollbild anzuzeigen.
Element.requestPointerLock(): Erlaubt, asynchron um eine Erfassung des Zeigers auf dem gegebenen Element zu bitten.
Element.scroll(): Scrollt zu einem bestimmten Koordinatenset innerhalb eines gegebenen Elements.
Element.scrollBy(): Scrollt ein Element um den angegebenen Betrag.
Element.scrollIntoView(): Scrollt die Seite, bis das Element in den Sichtbereich gelangt.
Element.scrollIntoViewIfNeeded() Nicht standardisiert: Scrollt das aktuelle Element in den sichtbaren Bereich des Browserfensters, wenn es sich nicht bereits dort befindet. Verwenden Sie stattdessen das Standard-[Element.scrollIntoView()](/de/docs/Web/API/Element/scrollIntoView).
Element.scrollTo(): Scrollt zu einem bestimmten Koordinatenset innerhalb eines gegebenen Elements.
Element.setAttribute(): Setzt den Wert eines benannten Attributs des aktuellen Knotens.
Element.setAttributeNode(): Setzt die Knotenrepräsentation des benannten Attributs des aktuellen Knotens.
Element.setAttributeNodeNS(): Setzt die Knotenrepräsentation des Attributs mit dem angegebenen Namen und Namespace des aktuellen Knotens.
Element.setAttributeNS(): Setzt den Wert des Attributs mit dem angegebenen Namen und Namespace des aktuellen Knotens.
Element.setCapture() Nicht standardisiert Veraltet: Richtet eine Zeigererfassung ein und leitet alle Zeigerereignisse zu diesem Element um.
Element.setHTMLUnsafe(): Parst einen String von HTML in ein Dokument-Fragment, ohne Sanitierung, welches dann den ursprünglichen Unterbaum des Elements im DOM ersetzt. Der HTML-String darf deklarative Shadow-Roots enthalten, die als Template-Elemente geparst würden, wenn das HTML mit Element.innerHTML gesetzt würde.
Element.setPointerCapture(): Benennt ein spezifisches Element als Ziel für zukünftige Zeigerereignisse.
Element.toggleAttribute(): Schaltet ein boolesches Attribut um, indem es entfernt wird, wenn es vorhanden ist, und hinzugefügt wird, wenn es nicht vorhanden ist, auf dem angegebenen Element.

Ereignisse

Überwachen Sie diese Ereignisse mithilfe von addEventListener() oder durch Zuweisen eines Ereignis-Listeners zur oneventname-Eigenschaft dieses Interfaces.

afterscriptexecute Nicht standardisiert Veraltet: Wird ausgelöst, wenn ein Skript ausgeführt wurde.
beforeinput: Wird ausgelöst, wenn der Wert eines Eingabeelements kurz davor steht, geändert zu werden.
beforematch: Wird auf ein Element ausgelöst, das sich im versteckt bis gefunden-Zustand befindet, wenn der Browser im Begriff ist, dessen Inhalt anzuzeigen, weil der Benutzer den Inhalt über die "Seite suchen"-Funktion oder die Fragmentnavigation gefunden hat.
beforescriptexecute Nicht standardisiert Veraltet: Wird ausgelöst, wenn ein Skript kurz davor steht, ausgeführt zu werden.
beforexrselect Experimentell: Wird vor WebXR-Auswahlereignissen (select, selectstart, selectend) ausgelöst.
contentvisibilityautostatechange: Wird auf einem Element ausgelöst, bei dem content-visibility: auto gesetzt ist, wenn es beginnt oder aufhört, für den Benutzer relevant zu sein und seine Inhalte zu überspringen.
input: Wird ausgelöst, wenn sich der Wert eines Elements als direktes Ergebnis einer Benutzeraktion ändert.
securitypolicyviolation: Wird ausgelöst, wenn eine Inhalts-Sicherheitsrichtlinie verletzt wird.
wheel: Wird ausgelöst, wenn der Benutzer ein Radknopf auf einem Zeigegerät (typischerweise eine Maus) dreht.

Animationseignisse

animationcancel: Wird ausgelöst, wenn eine Animation unerwartet abbricht.
animationend: Wird ausgelöst, wenn eine Animation normal abgeschlossen ist.
animationiteration: Wird ausgelöst, wenn eine Animationswiederholung abgeschlossen ist.
animationstart: Wird ausgelöst, wenn eine Animation beginnt.

Zwischenablage-Ereignisse

copy: Wird ausgelöst, wenn der Benutzer eine Kopieraktion über die Benutzeroberfläche des Browsers initiiert.
cut: Wird ausgelöst, wenn der Benutzer eine Ausschneideaktion über die Benutzeroberfläche des Browsers initiiert.
paste: Wird ausgelöst, wenn der Benutzer eine Einfügeaktion über die Benutzeroberfläche des Browsers initiiert.

Kompositionsereignisse

compositionend: Wird ausgelöst, wenn ein Textkompositionssystem wie ein Eingabemethoden-Editor die aktuelle Kompositionssitzung abschließt oder abbricht.
compositionstart: Wird ausgelöst, wenn ein Textkompositionssystem wie ein Eingabemethoden-Editor eine neue Kompositionssitzung beginnt.
compositionupdate: Wird ausgelöst, wenn im Kontext einer Textkompositionssitzung, die von einem Textkompositionssystem wie einem Eingabemethoden-Editor gesteuert wird, ein neues Zeichen empfangen wird.

Fokuseignisse

blur: Wird ausgelöst, wenn ein Element den Fokus verliert.
focus: Wird ausgelöst, wenn ein Element den Fokus erhält.
focusin: Wird ausgelöst, wenn ein Element den Fokus erlangt, nach focus.
focusout: Wird ausgelöst, wenn ein Element den Fokus verliert, nach blur.

Vollbild-Ereignisse

fullscreenchange: Wird an ein Element gesendet, wenn es in den oder aus dem Vollbildmodus wechselt.
fullscreenerror: Wird an ein Element gesendet, wenn ein Fehler beim Versuch auftritt, es in den oder aus dem Vollbildmodus zu wechseln.

Tastatureignisse

keydown: Wird ausgelöst, wenn eine Taste gedrückt wird.
keypress Veraltet: Wird ausgelöst, wenn eine Taste, die einen Zeichenwert erzeugt, gedrückt wird.
keyup: Wird ausgelöst, wenn eine Taste losgelassen wird.

Mausereignisse

auxclick: Wird ausgelöst, wenn eine nicht-primäre Schaltfläche eines Zeigegeräts (z. B. eine andere Maustaste als die linke) auf einem Element gedrückt und losgelassen wird.
click: Wird ausgelöst, wenn die Taste eines Zeigegeräts (z. B. die primäre Taste einer Maus) auf einem einzelnen Element gedrückt und losgelassen wird.
contextmenu: Wird ausgelöst, wenn der Benutzer versucht, ein Kontextmenü zu öffnen.
dblclick: Wird ausgelöst, wenn die Taste eines Zeigegeräts (z. B. die primäre Taste einer Maus) zweimal auf einem einzelnen Element geklickt wird.
DOMActivate Veraltet: Tritt auf, wenn ein Element aktiviert wird, beispielsweise durch einen Mausklick oder Tastendruck.
DOMMouseScroll Veraltet Nicht standardisiert: Tritt auf, wenn das Mausrad oder ein ähnliches Gerät betrieben wird und die angesammelte Scrollmenge seit dem letzten Ereignis über 1 Zeile oder 1 Seite liegt.
mousedown: Wird ausgelöst, wenn eine Taste eines Zeigegeräts auf einem Element gedrückt wird.
mouseenter: Wird ausgelöst, wenn ein Zeigegerät (üblicherweise eine Maus) über das Element bewegt wird, an dem der Listener angebracht ist.
mouseleave: Wird ausgelöst, wenn der Zeiger eines Zeigegeräts (üblicherweise eine Maus) aus einem Element hinaus bewegt wird, an dem der Listener angebracht ist.
mousemove: Wird ausgelöst, wenn ein Zeigegerät (üblicherweise eine Maus) während des Überfahren eines Elements bewegt wird.
mouseout: Wird ausgelöst, wenn ein Zeigegerät (üblicherweise eine Maus) aus dem Element, an dem der Listener angebracht ist, oder aus einem seiner Kinder hinaus bewegt wird.
mouseover: Wird ausgelöst, wenn ein Zeigegerät auf das Element, an dem der Listener angebracht ist, oder eines seiner Kinder bewegt wird.
mouseup: Wird ausgelöst, wenn eine Taste eines Zeigegeräts auf einem Element losgelassen wird.
mousewheel Veraltet Nicht standardisiert: Wird ausgelöst, wenn ein Mausrad oder ein ähnliches Gerät betrieben wird.
MozMousePixelScroll Veraltet Nicht standardisiert: Wird ausgelöst, wenn ein Mausrad oder ein ähnliches Gerät betrieben wird.
webkitmouseforcechanged Nicht standardisiert: Wird jedes Mal ausgelöst, wenn sich der Druck auf dem Trackpad-Touchscreen ändert.
webkitmouseforcedown Nicht standardisiert: Wird nach dem mousedown-Ereignis ausgelöst, sobald ein ausreichender Druck ausgeübt wurde, um als "Force-Click" qualifiziert zu werden.
webkitmouseforcewillbegin Nicht standardisiert: Wird vor dem mousedown-Ereignis ausgelöst.
webkitmouseforceup Nicht standardisiert: Wird nach dem webkitmouseforcedown-Ereignis ausgelöst, sobald der Druck ausreichend reduziert wurde, um den "Force-Click" zu beenden.

Zeigerereignisse

gotpointercapture: Wird ausgelöst, wenn ein Element einen Zeiger erfasst, indem es setPointerCapture() aufruft.
lostpointercapture: Wird ausgelöst, wenn ein erfasster Zeiger freigegeben wird.
pointercancel: Wird ausgelöst, wenn ein Zeigereignis abgebrochen wird.
pointerdown: Wird ausgelöst, wenn ein Zeiger aktiv wird.
pointerenter: Wird ausgelöst, wenn ein Zeiger in die Treffertest-Grenzen eines Elements oder eines seiner Nachkommen eintritt.
pointerleave: Wird ausgelöst, wenn ein Zeiger die Treffertest-Grenzen eines Elements verlässt.
pointermove: Wird ausgelöst, wenn ein Zeiger seine Koordinaten ändert.
pointerout: Wird ausgelöst, wenn ein Zeiger die Treffertest-Grenzen eines Elements verlässt (aus verschiedenen Gründen).
pointerover: Wird ausgelöst, wenn ein Zeiger in die Treffertest-Grenzen eines Elements eintritt.
pointerrawupdate: Wird ausgelöst, wenn ein Zeiger Eigenschaften ändert, die keine pointerdown- oder pointerup-Ereignisse auslösen.
pointerup: Wird ausgelöst, wenn ein Zeiger nicht mehr aktiv ist.

Scrollereignisse

scroll: Wird ausgelöst, wenn die Dokumentansicht oder ein Element gescrollt wurde.
scrollend: Wird ausgelöst, wenn das Scrollen der Dokumentansicht abgeschlossen ist.
scrollsnapchange Experimentell: Wird am Scroll-Container am Ende eines Scrollvorgangs ausgelöst, wenn ein neues Scroll-Snap-Ziel ausgewählt wurde.
scrollsnapchanging Experimentell: Wird am Scroll-Container ausgelöst, wenn der Browser ein neues Scroll-Snap-Ziel erkennt, das aussteht, d.h. es wird ausgewählt, wenn das aktuelle Scroll-Geste beendet ist.

Berührungsereignisse

gesturechange Nicht standardisiert: Wird ausgelöst, wenn sich die Finger während einer Berührungsgeste bewegen.
gestureend Nicht standardisiert: Wird ausgelöst, wenn keine Finger mehr die Berührungsfläche berühren und damit die Geste beendet wird.
gesturestart Nicht standardisiert: Wird ausgelöst, wenn mehrere Finger die Berührungsfläche berühren und damit eine neue Geste beginnen.
touchcancel: Wird ausgelöst, wenn eine oder mehrere Berührungspunkte in einer implementierungsspezifischen Weise unterbrochen wurden (zum Beispiel, wenn zu viele Berührungspunkte erstellt wurden).
touchend: Wird ausgelöst, wenn ein oder mehrere Berührungspunkte von der Berührungsfläche entfernt werden.
touchmove: Wird ausgelöst, wenn ein oder mehrere Berührungspunkte entlang der Berührungsfläche bewegt werden.
touchstart: Wird ausgelöst, wenn ein oder mehrere Berührungspunkte auf die Berührungsfläche gelegt werden.

Übergangsereignisse

transitioncancel: Ein Event, das ausgelöst wird, wenn ein CSS-Übergang abgebrochen wird.
transitionend: Ein Event, das ausgelöst wird, wenn ein CSS-Übergang abgeschlossen ist.
transitionrun: Ein Event, das ausgelöst wird, wenn ein CSS-Übergang erstellt wird (d.h. wenn es zu einem Satz laufender Übergänge hinzugefügt wird), obwohl es möglicherweise noch nicht gestartet ist.
transitionstart: Ein Event, das ausgelöst wird, wenn ein CSS-Übergang begonnen hat zu transitionieren.

Spezifikationen

Specification
DOM # interface-element
Pointer Events # extensions-to-the-element-interface
Fullscreen API # api
DOM Parsing and Serialization # extensions-to-the-element-interface
CSSOM View Module # extension-to-the-element-interface