Element

Baseline Widely available *

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨Juli 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 hat nur Methoden und Eigenschaften, die allen Arten von Elementen gemeinsam sind. Spezifischere Klassen erben von Element.

Zum Beispiel ist das HTMLElement-Interface die Basis für HTML-Elemente. Ähnlich bildet das SVGElement-Interface die Grundlage für alle SVG-Elemente, und das MathMLElement-Interface ist das Basis-Interface für MathML-Elemente. Die meisten Funktionalitäten werden weiter unten in der Klassenhierarchie spezifiziert.

Sprachen außerhalb der Web-Plattform, wie XUL durch das XULElement-Interface, implementieren ebenfalls Element.

Instanz-Eigenschaften

Element erbt Eigenschaften von seinem Eltern-Interface Node und über dieses wiederum von dessen Eltern-Interface EventTarget.

Element.assignedSlot Schreibgeschützt: Gibt ein HTMLSlotElement zurück, das das <slot> darstellt, in das der Knoten eingefügt wurde.
Element.attributes Schreibgeschützt: Gibt ein NamedNodeMap-Objekt zurück, das die zugeordneten Attribute des entsprechenden HTML-Elements enthält.
Element.childElementCount Schreibgeschützt: Gibt die Anzahl der Kind-Elemente dieses Elements zurück.
Element.children Schreibgeschützt: Gibt die Kind-Elemente dieses Elements zurück.
Element.classList Schreibgeschützt: Gibt ein DOMTokenList zurück, das 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, welches ein Element zur Beobachtung in der PerformanceElementTiming-API kennzeichnet.
Element.firstElementChild Schreibgeschützt: Gibt das erste Kind-Element dieses Elements zurück.
Element.id: Ein String, der die ID des Elements darstellt.
Element.innerHTML: Ein String, der die Markup-Darstellung des Inhalts des Elements repräsentiert.
Element.lastElementChild Schreibgeschützt: Gibt das letzte Kind-Element dieses Elements zurück.
Element.localName Schreibgeschützt: Ein String, der den lokalen Teil des qualifizierten Namens des Elements darstellt.
Element.namespaceURI Schreibgeschützt: Die Namensraum-URI des Elements oder null, wenn es keinen Namensraum gibt.
Element.nextElementSibling Schreibgeschützt: Ein Element, das Element, das direkt nach dem gegebenen im Baum folgt, oder null, wenn es keinen Geschwisterknoten gibt.
Element.outerHTML: Ein String, der die Markup-Darstellung des Elements einschließlich seines Inhalts repräsentiert. Wenn es als Setter verwendet wird, ersetzt es das Element durch die von dem String geparsten Knoten.
Element.part: Repräsentiert den Teil-Identifikator/die Teil-Identifikatoren des Elements (d.h. über das part-Attribut festgelegt), zurückgegeben als ein DOMTokenList.
Element.prefix Schreibgeschützt: Ein String, der das Namensraumprefix des Elements repräsentiert, oder null, wenn kein Prefix angegeben ist.
Element.previousElementSibling Schreibgeschützt: Ein Element, das Element, das direkt vor dem gegebenen im Baum steht, 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 maximal möglichen linken Scrolloffset für das Element darstellt.
Element.scrollTop: Eine Zahl, die die Anzahl der Pixel angibt, die das obere Ende des Elements vertikal gescrollt ist.
Element.scrollTopMax Nicht standardisiert Schreibgeschützt: Gibt eine Zahl zurück, die den maximal möglichen oberen Scrolloffset für das Element darstellt.
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 dem das Element eingefügt ist.
Element.tagName Schreibgeschützt: Gibt einen String mit dem Namen des Tags für das gegebene Element zurück.

Instanz-Eigenschaften von ARIA

Das Element-Interface beinhaltet 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 basierend auf den Änderungsbenachrichtigungen des aria-relevant-Attributs präsentieren.
Element.ariaAutoComplete: Ein String, der das aria-autocomplete-Attribut widerspiegelt, welches angibt, ob die Eingabe von Text die Anzeige von einer oder mehreren Vorhersagen des gewünschten Werts für eine Kombinationsbox, Suchbox oder Textbox auslösen könnte und wie die Vorhersagen präsentiert werden würden, falls sie gemacht werden.
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 bearbeitet wird, da unterstützende Technologien möglicherweise warten möchten, bis die Bearbeitungen abgeschlossen sind, bevor sie dem Benutzer präsentiert werden.
Element.ariaChecked: Ein String, der das aria-checked-Attribut widerspiegelt, welches den aktuellen Zustand ("checked") von Kontrollkästchen, Optionsfeldern und anderer Widgets angibt, die einen Zustandswechsel haben.
Element.ariaColCount: Ein String, der das aria-colcount-Attribut widerspiegelt, welches die Anzahl der Spalten in einer Tabelle, einem Raster oder Gitter darstellt.
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, einem Raster oder Gitter definiert.
Element.ariaColIndexText: Ein String, der das aria-colindextext-Attribut widerspiegelt, welches einen menschenlesbaren Text der aria-colindex-Eigenschaft bereitstellt.
Element.ariaColSpan: Ein String, der das aria-colspan-Attribut widerspiegelt, welches die Anzahl der Spalten definiert, die von einer Zelle oder Rasterzelle in einer Tabelle, einem Raster oder Gitter ü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, das einen String-Wert definiert, der das aktuelle Element beschreibt oder kommentiert.
Element.ariaDisabled: Ein String, der das aria-disabled-Attribut widerspiegelt, welches angibt, dass das Element wahrnehmbar, aber deaktiviert ist, sodass es nicht bearbeitet oder anderweitig bedienbar ist.
Element.ariaExpanded: Ein String, der das aria-expanded-Attribut widerspiegelt, welches angibt, ob ein Gruppierungselement, das von diesem Element besessen oder kontrolliert wird, erweitert oder zusammengeklappt ist.
Element.ariaHasPopup: Ein String, der das aria-haspopup-Attribut widerspiegelt, welches die Verfügbarkeit und den Typ eines interaktiven Popup-Elements angibt, zum Beispiel 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änglichkeits-API sichtbar ist.
Element.ariaInvalid: Ein String, der das aria-invalid-Attribut widerspiegelt, das angibt, dass der eingegebene Wert nicht dem vom Anwendungsprogramm erwarteten Format entspricht.
Element.ariaKeyShortcuts: Ein String, der das aria-keyshortcuts-Attribut widerspiegelt, welches Tastaturkürzel angibt, die ein Autor implementiert hat, um ein Element zu aktivieren oder in den Fokus zu setzen.
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 das hierarchische Niveau 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 Arten von Updates beschreibt, die Benutzeragenten, unterstützende Technologien und Benutzer in einer Live-Region 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, das angibt, ob eine Textbox mehrere Zeilen Eingabe akzeptiert oder nur eine einzelne Zeile.
Element.ariaMultiSelectable: Ein String, der das aria-multiselectable-Attribut widerspiegelt, welches angibt, dass der Benutzer mehr als einen Eintrag aus den aktuellen auswählbaren Nachkommen 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 hilft, wenn die Steuerung keinen Wert hat.
Element.ariaPosInSet: Ein String, der das aria-posinset-Attribut widerspiegelt, das die Nummer oder Position eines Elements im aktuellen Satz 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, das angibt, dass das Element nicht bearbeitet werden kann, 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 in einer Live-Region geändert wird. Dies wird verwendet, um zu beschreiben, welche Änderungen in einer aria-live-Region relevant sind und angekündigt werden sollten.
Element.ariaRequired: Ein String, der das aria-required-Attribut widerspiegelt, welches angibt, dass Eingaben des Benutzers an dem Element erforderlich sind, bevor ein Formular eingereicht werden kann.
Element.ariaRoleDescription: Ein String, der das aria-roledescription-Attribut widerspiegelt, welches eine menschenlesbare, vom Autor lokalisierte Beschreibung der Rolle eines Elements definiert.
Element.ariaRowCount: Ein String, der das aria-rowcount-Attribut widerspiegelt, das die Gesamtzahl der Zeilen in einer Tabelle, einem Raster oder Gitter darstellt.
Element.ariaRowIndex: Ein String, der das aria-rowindex-Attribut widerspiegelt, welches den Zeilenindex oder die Position eines Elements in Bezug auf die Gesamtzahl der Zeilen innerhalb einer Tabelle, einem Raster oder Gitter definiert.
Element.ariaRowIndexText: Ein String, der das aria-rowindextext-Attribut widerspiegelt, welches einen menschenlesbaren Text der aria-rowindex-Eigenschaft bereitstellt.
Element.ariaRowSpan: Ein String, der das aria-rowspan-Attribut widerspiegelt, welches die Anzahl der Zeilen definiert, die von einer Zelle oder Rasterzelle in einer Tabelle, einem Raster oder Gitter ü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, das die Anzahl der Elemente im aktuellen Satz von Listenelementen oder Baumelementen definiert.
Element.ariaSort: Ein String, der das aria-sort-Attribut widerspiegelt, das angibt, ob die 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 Regler-Widget definiert.
Element.ariaValueMin: Ein String, der das aria-valueMin-Attribut widerspiegelt, welches den minimal zulässigen Wert für ein Regler-Widget definiert.
Element.ariaValueNow: Ein String, der das aria-valueNow-Attribut widerspiegelt, welche den aktuellen Wert für ein Regler-Widget definiert.
Element.ariaValueText: Ein String, der das aria-valuetext-Attribut widerspiegelt, welches den menschenlesbaren Text der aria-valuenow-Eigenschaft für ein Regler-Widget darstellt.
Element.role: Ein String, der das explizit gesetzte role-Attribut widerspiegelt, welches die semantische Rolle des Elements angibt.

Instanz-Eigenschaften, die von ARIA-Element-Referenzen widergespiegelt werden

Die Eigenschaften spiegeln die durch id-Referenzen angegebenen Elemente in den entsprechenden Attributen wider, jedoch mit einigen Vorbehalten. Siehe Reflected element references im Reflected attributes-Leitfaden für weitere Informationen.

Element.ariaActiveDescendantElement: Ein Element, das das aktuelle aktive Element repräsentiert, wenn sich der Fokus auf einem composite-Widget, combobox, textbox, group oder application befindet. Spiegelt das aria-activedescendant-Attribut wider.
Element.ariaControlsElements: Ein Array von Elementen, deren Inhalte oder Vorhandensein durch das Element, auf das es angewendet wird, kontrolliert werden. Spiegelt das aria-controls-Attribut wider.
Element.ariaDescribedByElements: Ein Array von Elementen, die die zugängliche Beschreibung für das Element, auf das es angewendet wird, enthalten. Spiegelt das aria-describedby-Attribut wider.
Element.ariaDetailsElements: Ein Array von Elementen, die zugängliche Details für das Element, auf das es angewendet wird, bereitstellen. Spiegelt das aria-details-Attribut wider.
Element.ariaErrorMessageElements: Ein Array von Elementen, die eine Fehlermeldung für das Element, auf das es angewendet wird, bereitstellen. Spiegelt das aria-errormessage-Attribut wider.
Element.ariaFlowToElements: Ein Array von Elementen, die das nächste Element (oder die nächsten Elemente) in einer alternativen Lesereihenfolge des Inhalts identifizieren und dadurch die allgemeine standardmäßige Lesereihenfolge nach Ermessen des Benutzers überschreiben. Spiegelt das aria-flowto-Attribut wider.
Element.ariaLabelledByElements: Ein Array von Elementen, die den zugänglichen Namen für das Element, auf das es angewendet wird, bereitstellen. Spiegelt das aria-labelledby-Attribut wider.
Element.ariaOwnsElements: Ein Array von Elementen, die von dem Element, auf das dies angewendet wird, besessen werden. Dies wird verwendet, um eine visuelle, funktionale oder kontextuelle Beziehung zwischen einem Eltern- und seinen Kindelementen zu definieren, wenn die DOM-Hierarchie nicht zur Darstellung der Beziehung verwendet werden kann. Spiegelt das aria-owns-Attribut wider.

Instanz-Methoden

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

Element.after(): Fügt eine Menge von Node-Objekten oder Strings in die Liste der Kinder 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-Instanz zurück.
Element.ariaNotify() Experimentell Nicht standardisiert: Gibt an, dass ein gegebener Textstring von einem Bildschirmleseprogramm angekündigt werden soll.
Element.append(): Fügt eine Menge von Node-Objekten oder Strings nach dem letzten Kind des Elements ein.
Element.attachShadow(): Fügt einen Shadow-DOM-Baum zu dem angegebenen Element hinzu und gibt eine Referenz zu seinem ShadowRoot zurück.
Element.before(): Fügt eine Menge von Node-Objekten oder Strings in die Liste der Kinder des Elternteils des Element ein, direkt vor dem Element.
Element.checkVisibility(): Gibt zurück, ob erwartet wird, dass ein Element basierend auf konfigurierbaren Prüfungen sichtbar ist oder nicht.
Element.closest(): Gibt das Element zurück, das der nächstgelegene Vorfahre des aktuellen Elements ist (oder das aktuelle Element selbst), das die in dem Parameter angegebenen Selektoren erfüllt.
Element.computedStyleMap(): Gibt ein StylePropertyMapReadOnly-Interface zurück, das eine schreibgeschützte Darstellung eines CSS-Deklarationsblocks bietet, die eine Alternative zu CSSStyleDeclaration darstellt.
Element.getAnimations(): Gibt ein Array von Animation-Objekten zurück, die derzeit auf dem Element aktiv sind.
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 vom aktuellen Element zurück.
Element.getAttributeNode(): Ruft die Knoten-Darstellung des benannten Attributs vom aktuellen Knoten ab und gibt es als ein Attr zurück.
Element.getAttributeNodeNS(): Ruft die Knoten-Darstellung des Attributs mit dem angegebenen Namen und Namensraum vom aktuellen Knoten ab und gibt es als ein Attr zurück.
Element.getAttributeNS(): Ruft den Wert des Attributs mit dem angegebenen Namensraum 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 zur Ansicht zurück.
Element.getBoxQuads() Experimentell: Gibt eine Liste von DOMQuad-Objekten zurück, die die CSS-Fragmente des Knotens repräsentieren.
Element.getClientRects(): Gibt eine Sammlung von Rechtecken zurück, die die Begrenzungsrechtecke für jede Textzeile in einem Client anzeigen.
Element.getElementsByClassName(): Gibt eine lebendige HTMLCollection zurück, die alle Nachkommen des aktuellen Elements enthält, die die im Parameter angegebene Klassenliste besitzen.
Element.getElementsByTagName(): Gibt eine lebendige HTMLCollection zurück, die alle Nachkommenelemente mit einem bestimmten Tag-Namen vom aktuellen Element enthält.
Element.getElementsByTagNameNS(): Gibt eine lebendige HTMLCollection zurück, die alle Nachkommenelemente mit einem bestimmten Tag-Namen und Namensraum vom aktuellen Element enthält.
Element.getHTML(): Gibt den DOM-Inhalt des Elements als HTML-String zurück, optional einschließlich eines Shadow-DOMs.
Element.hasAttribute(): Gibt einen booleschen Wert zurück, der anzeigt, ob das Element das angegebene Attribut hat oder nicht.
Element.hasAttributeNS(): Gibt einen booleschen Wert zurück, der anzeigt, ob das Element das angegebene Attribut im angegebenen Namensraum hat oder nicht.
Element.hasAttributes(): Gibt einen booleschen Wert zurück, der anzeigt, ob das Element ein oder mehrere HTML-Attribute hat.
Element.hasPointerCapture(): Gibt an, ob das Element, auf dem es aufgerufen wird, einen Zeiger für das durch die angegebene Zeiger-ID identifizierte Element eingefangen hat.
Element.<insertAdjacentElement(): Fügt ein gegebenes Elementknoten an einer bestimmten Position relativ zu dem Element ein, auf das es aufgerufen wird.
Element.insertAdjacentHTML(): Parst den Text als HTML oder XML und fügt die resultierenden Knoten in den Baum an der angegebenen Position ein.
Element.insertAdjacentText(): Fügt einen gegebenen Textknoten an einer bestimmten Position relativ zu dem Element ein, auf das es aufgerufen wird.
Element.matches(): Gibt einen booleschen Wert zurück, der anzeigt, ob das Element durch den angegebenen Selektor-String ausgewählt wird oder nicht.
Element.moveBefore(): Verschiebt einen gegebenen Node innerhalb des aufrufenden Knotens als direktes Kind vor einen gegebenen Referenzknoten, ohne den Knoten zu entfernen und dann einzufügen.
Element.prepend(): Fügt eine Menge von Node-Objekten oder Strings vor dem ersten Kind des Elements ein.
Element.querySelector(): Gibt den ersten Node zurück, der den angegebenen Selektor-String relativ zum Element erfüllt.
Element.querySelectorAll(): Gibt eine NodeList von Knoten zurück, die den angegebenen Selektor-String relativ zum Element erfüllen.
Element.releasePointerCapture(): Löst (stoppt) die Zeigereinfangung, die zuvor für ein bestimmtes PointerEvent festgelegt wurde.
Element.remove(): Entfernt das Element aus der Kinderliste seines Elternteils.
Element.removeAttribute(): Entfernt das benannte Attribut vom aktuellen Knoten.
Element.removeAttributeNode(): Entfernt die Knoten-Darstellung des benannten Attributs vom aktuellen Knoten.
Element.removeAttributeNS(): Entfernt das Attribut mit dem angegebenen Namen und Namensraum vom aktuellen Knoten.
Element.replaceChildren(): Ersetzt die vorhandenen Kinder eines Node durch einen angegebenen neuen Satz von Kindern.
Element.replaceWith(): Ersetzt das Element in der Kinderliste seines Elternteils durch eine Menge von Node-Objekten oder Strings.
Element.requestFullscreen(): Bittet den Browser asynchron, das Element im Vollbild anzuzeigen.
Element.requestPointerLock(): Erlaubt es, asynchron um die Sperrung des Zeigers auf dem gegebenen Element zu bitten.
Element.scroll(): Scrollt zu einem bestimmten Satz von Koordinaten innerhalb eines gegebenen Elements.
Element.scrollBy(): Scrollt ein Element um den angegebenen Betrag.
Element.scrollIntoView(): Scrollt die Seite, bis das Element in den Ansichtsbereich kommt.
Element.scrollIntoViewIfNeeded() Nicht standardisiert: Scrollt das aktuelle Element in den sichtbaren Bereich des Browserfensters, wenn es sich nicht bereits innerhalb des sichtbaren Bereichs des Browserfensters befindet. Verwenden Sie stattdessen die Standardmethode Element.scrollIntoView().
Element.scrollTo(): Scrollt zu einem bestimmten Satz von Koordinaten innerhalb eines gegebenen Elements.
Element.setAttribute(): Setzt den Wert eines benannten Attributs des aktuellen Knotens.
Element.setAttributeNode(): Setzt die Knoten-Darstellung des benannten Attributs des aktuellen Knotens.
Element.setAttributeNodeNS(): Setzt die Knoten-Darstellung des Attributs mit dem angegebenen Namen und Namensraum des aktuellen Knotens.
Element.setAttributeNS(): Setzt den Wert des Attributs mit dem angegebenen Namen und Namensraum des aktuellen Knotens.
Element.setCapture() Nicht standardisiert Veraltet: Richtet die Erfassung von Mausereignissen ein, wodurch alle Mausereignisse auf dieses Element umgeleitet werden.
Element.setHTML() Sicherer Kontext: Fürht das Parsen und Sanitisieren eines HTML-Strings in ein Dokumentfragment aus, welches dann den ursprünglichen Unterbaum des Elements im DOM ersetzt.
Element.setHTMLUnsafe(): Fürht das Parsen eines HTML-Strings in ein Dokumentfragment ohne Sanitisierung aus, welches dann den ursprünglichen Unterbaum des Elements im DOM ersetzt. Der HTML-String kann deklarative Shadow-Roots einschließen, die als Template-Elemente geparst würden, wenn das HTML mittels Element.innerHTML gesetzt wurde.
Element.setPointerCapture(): Bezeichnet ein bestimmtes Element als das Ziel für zukünftige Zeigereignisse.
Element.toggleAttribute(): Wechselt ein boolesches Attribut, entfernt es, wenn es vorhanden ist, und fügt es hinzu, wenn es nicht vorhanden ist, am spezifischen Element.

Ereignisse

Hören Sie diese Ereignisse mit addEventListener() oder indem Sie einen Event-Listener der oneventname-Eigenschaft dieses Interfaces zuweisen.

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 einem Element ausgelöst, das sich im Zustand hidden until found befindet, wenn der Browser kurz davor steht, dessen Inhalt zu zeigen, weil der Benutzer den Inhalt durch die "auf der Seite suchen"-Funktion oder durch 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 jedem Element mit content-visibility: auto ausgelöst, wenn es anfängt, für den Benutzer relevant zu sein und seinen Inhalt überspringt.
input: Wird ausgelöst, wenn der Wert eines Elements als direkte Folge einer Benutzeraktion geändert wird.
securitypolicyviolation: Wird ausgelöst, wenn eine Content-Security-Policy verletzt wird.
wheel: Wird ausgelöst, wenn der Benutzer ein Rad eines Zeigegeräts (typischerweise einer Maus) dreht.

Animation-Ereignisse

animationcancel: Wird ausgelöst, wenn eine Animation unerwartet abbricht.
animationend: Wird ausgelöst, wenn eine Animation normal abgeschlossen wurde.
animationiteration: Wird ausgelöst, wenn eine Animationsiteration abgeschlossen wurde.
animationstart: Wird ausgelöst, wenn eine Animation startet.

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.

Kompositions-Ereignisse

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 startet.
compositionupdate: Wird ausgelöst, wenn ein neues Zeichen im Kontext einer von einem Textkompositionssystem wie einem Eingabemethoden-Editor kontrollierten Textkompositionssitzung empfangen wird.

Fokus-Ereignisse

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 erhält, 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 Vollbildmodus wechselt oder diesen verlässt.
fullscreenerror: Wird an ein Element gesendet, wenn ein Fehler auftritt, während versucht wird, es in den oder aus dem Vollbildmodus zu bringen.

Tastatur-Ereignisse

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

Maus-Ereignisse

auxclick: Wird ausgelöst, wenn eine nicht primäre Taste eines Zeigegeräts (z.B. jede Maustaste außer der linken Taste) auf einem Element gedrückt und losgelassen wurde.
click: Wird ausgelöst, wenn eine Taste eines Zeigegeräts (z.B. die Primärtaste 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 eine Taste eines Zeigegeräts (z.B. die Primärtaste einer Maus) zweimal auf einem einzelnen Element geklickt wird.
DOMActivate Veraltet: Tritt auf, wenn ein Element aktiviert wird, zum Beispiel durch einen Mausklick oder einen Tastendruck.
DOMMouseScroll Veraltet Nicht standardisiert: Tritt auf, wenn das Mausrad oder ein ähnliches Gerät betätigt und die akkumulierte Scoll-Menge ist über 1 Linie oder 1 Seite bewegt.
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, an dem der Listener angebracht ist, bewegt wird.
mouseleave: Wird ausgelöst, wenn der Zeiger eines Zeigegeräts (üblicherweise eine Maus) aus einem Element, an dem der Listener angebracht ist, herausbewegt wird.
mousemove: Wird ausgelöst, wenn ein Zeigegerät (üblicherweise eine Maus) über ein Element bewegt wird.
mouseout: Wird ausgelöst, wenn ein Zeigegerät (üblicherweise eine Maus) aus dem Element, an das der Listener gebunden ist oder aus einem seiner Kinder heraus bewegt wird.
mouseover: Wird ausgelöst, wenn ein Zeigegerät über das Element, an das der Listener gebunden ist oder über 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 ähnliches Gerät betätigt wird.
MozMousePixelScroll Veraltet Nicht standardisiert: Wird ausgelöst, wenn ein Mausrad oder ähnliches Gerät betätigt wird.
webkitmouseforcechanged Nicht standardisiert: Wird jedes Mal ausgelöst, wenn der Druck auf dem Trackpad-Touchscreen ändert.
webkitmouseforcedown Nicht standardisiert: Wird nach dem mousedown-Ereignis sofort ausgelöst, sobald ausreichend Druck aufgebracht wurde, um als "Force-Klick" zu qualifizieren.
webkitmouseforcewillbegin Nicht standardisiert: Wird ausgelöst bevor das mousedown-Ereignis.
webkitmouseforceup Nicht standardisiert: Wird ausgelöst nach dem webkitmouseforcedown-Ereignis, sobald der Druck ausreichend reduziert wurde, um den "Force-Klick" zu beenden.

Zeiger-Ereignisse

gotpointercapture: Wird ausgelöst, wenn ein Element einen Zeiger erfasst, indem es setPointerCapture() aufruft.
lostpointercapture: Wird ausgelöst, wenn ein gefangener 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 Hit-Test-Grenzen eines Elements oder eines seiner Nachkommen bewegt wird.
pointerleave: Wird ausgelöst, wenn ein Zeiger die Hit-Test-Grenzen eines Elements verlässt.
pointermove: Wird ausgelöst, wenn ein Zeiger die Koordinaten ändert.
pointerout: Wird ausgelöst, wenn ein Zeiger die Hit-Test-Grenzen eines Elements (unter anderem aus Gründen) verlässt.
pointerover: Wird ausgelöst, wenn ein Zeiger in die Hit-Test-Grenzen eines Elements bewegt wird.
pointerrawupdate: Wird ausgelöst, wenn ein Zeiger irgendwelche Eigenschaften ändert, die keine pointerdown- oder pointerup-Ereignisse auslösen.
pointerup: Wird ausgelöst, wenn ein Zeiger nicht mehr aktiv ist.

Scroll-Ereignisse

scroll: Wird ausgelöst, wenn die Dokumentenansicht oder ein Element gescrollt wurde.
scrollend: Wird ausgelöst, wenn das Scrollen der Dokumentenansicht abgeschlossen ist.
scrollsnapchange Experimentell: Wird am Ende eines Scrollvorgangs beim Scrollcontainer ausgelöst, wenn ein neues Scroll-Snap-Ziel ausgewählt wurde.
scrollsnapchanging Experimentell: Wird am Scroll-Container ausgelöst, wenn der Browser feststellt, dass ein neues Scroll-Snap-Ziel bevorsteht, d.h. es wird ausgewählt, sobald die aktuelle Scroll-Geste endet.

Touch-Ereignisse

gesturechange Nicht standardisiert: Wird ausgelöst, wenn sich bei einem Touch-Geste digitale Werte bewegen.
gestureend Nicht standardisiert: Wird ausgelöst, wenn insgesamt keine Finger mehr die Berührungsoberfläche kontaktieren, das Geste endet also.
gesturestart Nicht standardisiert: Wird ausgelöst, wenn mehrere Finger die Berührungsoberfläche kontaktieren, das Geste beginnt also.
touchcancel: Wird ausgelöst, wenn einer oder mehrere Berührungspunkte auf eine implementationsspezifische Weise unterbrochen wurden (zum Beispiel, wenn zu viele Berührungspunkte erstellt werden).
touchend: Wird ausgelöst, wenn einer oder mehrere Berührungspunkte von der Berührungsoberfläche entfernt werden.
touchmove: Wird ausgelöst, wenn einer oder mehrere Berührungspunkte entlang der Berührungsoberfläche bewegt werden.
touchstart: Wird ausgelöst, wenn einer oder mehrere Berührungspunkte auf die Berührungsoberfläche gelegt werden.

Übergangsereignisse

transitioncancel: Ein Event, das ausgelöst wird, wenn eine CSS-Übergang abgebrochen wurde.
transitionend: Ein Event, das ausgelöst wird, wenn eine CSS-Übergang das Abspielen abgeschlossen hat.
transitionrun: Ein Event, das ausgelöst wird, wenn eine CSS-Übergang erstellt wird (d.h. wenn sie zu einem Satz laufender Übergänge hinzugefügt wird), aber nicht zwingend gestartet.
transitionstart: Ein Event, das ausgelöst wird, wenn eine CSS-Übergang das Übergangen beginnt.

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

Browser-Kompatibilität

Help improve MDN

Learn how to contribute Diese Seite wurde automatisch aus dem Englischen übersetzt.

Übersetzung auf GitHub anzeigen • Fehler mit dieser Übersetzung melden