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 (z. B. Objekte, die Elemente repräsentieren) 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 das Basisinterface für HTML-Elemente. In ähnlicher Weise ist das SVGElement Interface die Grundlage für alle SVG-Elemente, und das MathMLElement Interface das Basisinterface für MathML-Elemente. Die meiste Funktionalität wird weiter unten in der Klassenhierarchie spezifiziert.

Sprachen außerhalb der Webplattform, wie XUL über das XULElement Interface, implementieren ebenfalls Element.

Instanzeigenschaften

Element erbt Eigenschaften von seinem übergeordneten Interface, Node, und damit von dessen übergeordnetem Interface, EventTarget.

Element.assignedSlot Schreibgeschützt: Gibt ein HTMLSlotElement zurück, das das <slot> repräsentiert, 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 zur 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, das unmittelbar dem gegebenen in der Baumstruktur folgt, oder null, wenn es kein Geschwisterknoten gibt.
Element.outerHTML: Ein String, der das Markup des Elements einschließlich dessen Inhalt darstellt. Wenn er als Setter verwendet wird, ersetzt er das Element durch Knoten, die aus dem angegebenen String geparst werden.
Element.part: Repräsentiert die Teil-Kennungen des Elements (d.h. gesetzt durch das part Attribut), zurückgegeben als 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 unmittelbar vorangehende Element des gegebenen in der Baumstruktur, oder null, wenn es kein Geschwisterelement gibt.
Element.scrollHeight Schreibgeschützt: Gibt eine Zahl zurück, die die Scrollansicht-Höhe eines Elements darstellt.
Element.scrollLeft: Eine Zahl, die den linken Bildlauf-Versatz des Elements darstellt.
Element.scrollLeftMax Nicht standardisiert Schreibgeschützt: Gibt eine Zahl zurück, die den maximal möglichen linken Bildlauf-Versatz für das Element darstellt.
Element.scrollTop: Eine Zahl, die die Anzahl der Pixel darstellt, um 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 Bildlauf-Versatz für das Element darstellt.
Element.scrollWidth Schreibgeschützt: Gibt eine Zahl zurück, die die Scrollansicht-Breite des Elements darstellt.
Element.shadowRoot Schreibgeschützt: Gibt den offenen Shadow Root zurück, der durch das Element gehostet wird, oder null, wenn kein offener Shadow Root vorhanden ist.
Element.slot: Gibt den Namen des Shadow-DOM-Slots zurück, in den das Element eingesetzt wird.
Element.tagName Schreibgeschützt: Gibt einen String mit dem Namen des Tags für das gegebene Element zurück.

Instanzeigenschaften aus ARIA

Die Element Schnittstelle umfasst auch die folgenden Eigenschaften.

Element.ariaAtomic: Ein String, der das aria-atomic Attribut widerspiegelt, das angibt, ob unterstützende Technologien alle oder nur Teile des geänderten Bereichs basierend auf den durch das aria-relevant Attribut definierten Änderungsbenachrichtigungen präsentieren.
Element.ariaAutoComplete: Ein String, der das aria-autocomplete Attribut widerspiegelt, das angibt, ob die Eingabe von Text eine oder mehrere Vorhersagen des vom Benutzer beabsichtigten Wertes für eine Combobox, Suchbox oder Textbox auslösen könnte und wie diese Vorhersagen präsentiert würden, falls sie gemacht werden.
Element.ariaBrailleLabel: Ein String, der das aria-braillelabel Attribut widerspiegelt, das das Braille-Label des Elements definiert.
Element.ariaBrailleRoleDescription: Ein String, der das aria-brailleroledescription Attribut widerspiegelt, das die ARIA-Braille-Rollenbeschreibung des Elements definiert.
Element.ariaBusy: Ein String, der das aria-busy Attribut widerspiegelt, das angibt, ob ein Element geändert wird, da unterstützende Technologien möglicherweise warten möchten, bis die Änderungen abgeschlossen sind, bevor sie dem Benutzer präsentiert werden.
Element.ariaChecked: Ein String, der das aria-checked Attribut widerspiegelt, das den aktuellen "gecheckten" Zustand von Kontrollkästchen, Optionsfeldern und anderen Widgets mit einem überprüften Zustand anzeigt.
Element.ariaColCount: Ein String, der das aria-colcount Attribut widerspiegelt, das die Anzahl der Spalten in einer Tabelle, einem Raster oder einem Baumraster definiert.
Element.ariaColIndex: Ein String, der das aria-colindex Attribut widerspiegelt, das den Spaltenindex oder die Position eines Elements im Verhältnis zur Gesamtanzahl der Spalten innerhalb einer Tabelle, eines Rasters oder eines Baumrasters definiert.
Element.ariaColIndexText: Ein String, der das aria-colindextext Attribut widerspiegelt, das einen menschenlesbaren textuellen Ersatz für aria-colindex definiert.
Element.ariaColSpan: Ein String, der das aria-colspan Attribut widerspiegelt, das die Anzahl der durch eine Zelle oder Rasterzelle innerhalb einer Tabelle, eines Rasters oder eines Baumrasters überspannten Spalten definiert.
Element.ariaCurrent: Ein String, der das aria-current Attribut widerspiegelt, das das Element anzeigt, 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 Zeichenfolgenwert definiert, der das aktuelle Element beschreibt oder kommentiert.
Element.ariaDisabled: Ein String, der das aria-disabled Attribut widerspiegelt, das anzeigt, 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, das angibt, ob ein von diesem Element besessener oder kontrollierter Gruppierungselement erweitert oder zusammengeklappt ist.
Element.ariaHasPopup: Ein String, der das aria-haspopup Attribut widerspiegelt, das die Verfügbarkeit und den Typ eines interaktiven Popupelements anzeigt, wie z. B. Menü oder Dialog, das durch ein Element ausgelöst werden kann.
Element.ariaHidden: Ein String, der das aria-hidden Attribut widerspiegelt, das angibt, ob das Element einer Barrierefreiheits-API ausgesetzt ist.
Element.ariaInvalid: Ein String, der das aria-invalid Attribut widerspiegelt, das anzeigt, dass der eingegebene Wert nicht dem vom Programm erwarteten Format entspricht.
Element.ariaKeyShortcuts: Ein String, der das aria-keyshortcuts Attribut widerspiegelt, das Tastenkombinationen angibt, die ein Autor implementiert hat, um ein Element zu aktivieren oder den Fokus darauf zu setzen.
Element.ariaLabel: Ein String, der das aria-label Attribut widerspiegelt, das einen Zeichenfolgenwert definiert, der das aktuelle Element bezeichnet.
Element.ariaLevel: Ein String, der das aria-level Attribut widerspiegelt, das die hierarchische Ebene eines Elements innerhalb einer Struktur definiert.
Element.ariaLive: Ein String, der das aria-live Attribut widerspiegelt, das anzeigt, dass ein Element aktualisiert wird und die Arten von Aktualisierungen beschreibt, die Benutzeragenten, unterstützende Technologien und Benutzer von der Live-Region erwarten können.
Element.ariaModal: Ein String, der das aria-modal Attribut widerspiegelt, das angibt, ob ein Element bei Anzeige modal ist.
Element.ariaMultiline: Ein String, der das aria-multiline Attribut widerspiegelt, das angibt, ob ein Textfeld mehrere Zeilen Eingaben oder nur eine einzelne Zeile akzeptiert.
Element.ariaMultiSelectable: Ein String, der das aria-multiselectable Attribut widerspiegelt, das angibt, dass der Benutzer mehr als ein Element von den aktuell auswählbaren Nachfahren auswählen kann.
Element.ariaOrientation: Ein String, der das aria-orientation Attribut widerspiegelt, das angibt, ob die Orientierung des Elements horizontal, vertikal oder unbekannt/mehrdeutig ist.
Element.ariaPlaceholder: Ein String, der das aria-placeholder Attribut widerspiegelt, das einen kurzen Hinweis definiert, um dem Benutzer bei der Dateneingabe zu helfen, wenn das Steuerelement keinen Wert enthält.
Element.ariaPosInSet: Ein String, der das aria-posinset Attribut widerspiegelt, das die Nummer oder Position eines Elements im aktuellen Satz von Listitems oder Treeitems definiert.
Element.ariaPressed: Ein String, der das aria-pressed Attribut widerspiegelt, das den aktuellen "gedrückten" Zustand von Umschaltknöpfen anzeigt.
Element.ariaReadOnly: Ein String, der das aria-readonly Attribut widerspiegelt, das angibt, dass das Element nicht bearbeitbar ist, aber dennoch bedienbar ist.
Element.ariaRelevant Nicht standardisiert: Ein String, der das aria-relevant Attribut widerspiegelt, das angibt, welche Benachrichtigungen der Benutzeragent auslösen wird, wenn der Barrierefreiheitsbaum innerhalb 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, das angibt, dass Benutzereingabe auf dem Element erforderlich ist, bevor ein Formular eingereicht werden kann.
Element.ariaRoleDescription: Ein String, der das aria-roledescription Attribut widerspiegelt, das eine menschenlesbare, vom Autor lokalisierte Beschreibung der Rolle eines Elements definiert.
Element.ariaRowCount: Ein String, der das aria-rowcount Attribut widerspiegelt, das die Gesamtanzahl der Zeilen in einer Tabelle, einem Raster oder einem Baumraster definiert.
Element.ariaRowIndex: Ein String, der das aria-rowindex Attribut widerspiegelt, das den Zeilenindex oder die Position eines Elements im Verhältnis zur Gesamtanzahl der Zeilen innerhalb einer Tabelle, eines Rasters oder eines Baumrasters definiert.
Element.ariaRowIndexText: Ein String, der das aria-rowindextext Attribut widerspiegelt, das einen menschenlesbaren textuellen Ersatz für aria-rowindex definiert.
Element.ariaRowSpan: Ein String, der das aria-rowspan Attribut widerspiegelt, das die Anzahl der durch eine Zelle oder Rasterzelle innerhalb einer Tabelle, eines Rasters oder eines Baumrasters überspannten Zeilen definiert.
Element.ariaSelected: Ein String, der das aria-selected Attribut widerspiegelt, das den aktuellen "ausgewählten" Zustand von Elementen anzeigt, 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 Listitems oder Treeitems definiert.
Element.ariaSort: Ein String, der das aria-sort Attribut widerspiegelt, das 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, das den maximal zulässigen Wert für ein Bereichs-Widget definiert.
Element.ariaValueMin: Ein String, der das aria-valueMin Attribut widerspiegelt, das den minimal zulässigen Wert für ein Bereichs-Widget definiert.
Element.ariaValueNow: Ein String, der das aria-valueNow Attribut widerspiegelt, das den aktuellen Wert für ein Bereichs-Widget definiert.
Element.ariaValueText: Ein String, der das aria-valuetext Attribut widerspiegelt, das den menschenlesbaren textuellen Ersatz von aria-valuenow für ein Bereichs-Widget definiert.
Element.role: Ein String, der das explizit festgelegte role Attribut widerspiegelt, das die semantische Rolle des Elements bereitstellt.

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 Ausnahmen. Siehe Reflektierte Elementreferenzen im Reflektierte Attribute Leitfaden für weitere Informationen.

Element.ariaActiveDescendantElement: Ein Element, das das derzeit aktive Element repräsentiert, wenn der Fokus auf einem composite Widget, einer combobox, einer textbox, einer group oder einer application liegt. Widerspiegelt das aria-activedescendant Attribut.
Element.ariaControlsElements: Ein Array von Elementen, deren Inhalte oder Anwesenheit durch das Element, auf das es angewendet wird, kontrolliert werden. Widerspiegelt das aria-controls Attribut.
Element.ariaDescribedByElements: Ein Array von Elementen, die die barrierefreie Beschreibung für das Element bereitstellen, auf das es angewendet wird. Widerspiegelt das aria-describedby Attribut.
Element.ariaDetailsElements: Ein Array von Elementen, die barrierefreie Details für das Element bereitstellen, auf das es angewendet wird. Widerspiegelt das aria-details Attribut.
Element.ariaErrorMessageElements: Ein Array von Elementen, die eine Fehlermeldung für das Element bereitstellen, auf das es angewendet wird. Widerspiegelt das aria-errormessage Attribut.
Element.ariaFlowToElements: Ein Array von Elementen, das das nächste Element (oder die nächsten Elemente) in einer alternativen Lesereihenfolge des Inhalts identifiziert und die allgemeine Standardlesereihenfolge nach Ermessen des Benutzers außer Kraft setzt. Widerspiegelt das aria-flowto Attribut.
Element.ariaLabelledByElements: Ein Array von Elementen, die den barrierefreien Namen für das Element bereitstellen, auf das es angewendet wird. Widerspiegelt das aria-labelledby Attribut.
Element.ariaOwnsElements: Ein Array von Elementen, das von dem Element, auf das dies angewendet wird, besessen wird. Dies wird verwendet, um eine visuelle, funktionale oder kontextuelle Beziehung zwischen einem übergeordneten und seinen Kindelementen 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 übergeordneten Node und seinem eigenen übergeordneten Interface, EventTarget.

Element.after(): Fügt eine Reihe 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.ariaNotify() Experimentell Nicht standardisiert: Gibt an, dass ein gegebener Text von einem Bildschirmlesegerät angekündigt werden sollte.
Element.append(): Fügt eine Reihe von Node Objekten oder Strings nach dem letzten Kind des Elements ein.
Element.attachShadow(): Bindet einen Shadow-DOM-Baum an das spezifizierte Element und gibt eine Referenz zu dessen ShadowRoot zurück.
Element.before(): Fügt eine Reihe 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 Überprüfungen.
Element.closest(): Gibt das Element zurück, das der nächste Vorgänger des aktuellen Elements ist (oder das aktuelle Element selbst), welches die gegebenen Selektoren im Parameter erfüllt.
Element.computedStyleMap(): Gibt eine StylePropertyMapReadOnly Schnittstelle zurück, die eine schreibgeschützte Darstellung eines CSS-Deklarationsblocks bietet, welcher 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 Knotenrepräsentation des benannten Attributs vom aktuellen Knoten ab und gibt es als Attr zurück.
Element.getAttributeNodeNS(): Ruft die Knotenrepräsentation des Attributs mit dem angegebenen Namen und Namespace vom aktuellen Knoten ab und gibt es 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-Fragmentierungen des Knotens repräsentieren.
Element.getClientRects(): Gibt eine Sammlung von Rechtecken zurück, die die Begrenzungsrechtecke für jede Textzeile in einem Client anzeigt.
Element.getElementsByClassName(): Gibt eine Echtzeit-HTMLCollection zurück, die alle Nachkommen des aktuellen Elements enthält, die die im Parameter angegebene Liste von Klassen besitzen.
Element.getElementsByTagName(): Gibt eine Echtzeit-HTMLCollection zurück, die alle Nachkommen eines bestimmten Tag-Namens des aktuellen Elements umfasst.
Element.getElementsByTagNameNS(): Gibt eine Echtzeit-HTMLCollection zurück, die alle Nachkommen eines bestimmten Tag-Namens und Namespace des aktuellen Elements umfasst.
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 spezifizierte Attribut hat oder nicht.
Element.hasAttributeNS(): Gibt einen booleschen Wert zurück, der angibt, ob das Element das spezifizierte Attribut im angegebenen Namespace hat oder nicht.
Element.hasAttributes(): Gibt einen booleschen Wert zurück, der angibt, ob das Element ein oder mehrere HTML-Attribute hat.
Element.hasPointerCapture(): Gibt an, ob das Element, auf dem es aufgerufen wurde, Zeigererfassung für den durch die gegebene Zeiger-ID identifizierten Zeiger hat.
Element.insertAdjacentElement(): Fügt ein gegebenes Elementknot an einer angegebenen Position relativ zu dem Element ein, auf das es aufgerufen wurde.
Element.insertAdjacentHTML(): Parst den Text als HTML oder XML und fügt die resultierenden Knoten in der angegebenen Position in den Baum ein.
Element.insertAdjacentText(): Fügt einen gegebenen Textknoten an einer angegebenen Position relativ zu dem Element ein, auf das es aufgerufen wurde.
Element.matches(): Gibt einen booleschen Wert zurück, der angibt, ob das Element durch den angegebenen Selektorstring ausgewählt werden würde 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 wieder einzufügen.
Element.prepend(): Fügt eine Reihe von Node Objekten oder Strings vor dem ersten Kind des Elements ein.
Element.querySelector(): Gibt den ersten Node zurück, der dem spezifizierten Selektorstring relativ zu dem Element entspricht.
Element.querySelectorAll(): Gibt eine NodeList von Knoten zurück, die dem spezifizierten Selektorstring relativ zu dem Element entsprechen.
Element.releasePointerCapture(): Hebt die Zeigererfassung auf (hört auf), die zuvor für ein spezifisches PointerEvent gesetzt wurde.
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 eine spezifizierte neue Menge von Kindern.
Element.replaceWith(): Ersetzt das Element in der Kinderliste seines Elternteils mit einer Menge von Node Objekten oder Strings.
Element.requestFullscreen(): Fragt den Browser asynchron an, das Element im Vollbildmodus anzuzeigen.
Element.requestPointerLock(): Ermöglicht es, asynchron die Zeigererfassung für das gegebene Element anzufordern.
Element.scroll(): Scrollt zu einem bestimmten Koordinatensatz innerhalb eines gegebenen Elements.
Element.scrollBy(): Scrollt ein Element um den angegebenen Betrag.
Element.scrollIntoView(): Scrollt die Seite, bis das Element in den Blick gerät.
Element.scrollIntoViewIfNeeded() Nicht standardisiert: Scrollt das aktuelle Element in den sichtbaren Bereich des Browserfensters, falls es sich nicht bereits dort befindet. Verwenden Sie stattdessen die Standardmethode Element.scrollIntoView().
Element.scrollTo(): Scrollt zu einem bestimmten Koordinatensatz innerhalb eines gegebenen Elements.
Element.setAttribute(): Setzt den Wert eines benannten Attributes des aktuellen Knotens.
Element.setAttributeNode(): Setzt die Knotenrepräsentation des benannten Attributs vom aktuellen Knoten.
Element.setAttributeNodeNS(): Setzt die Knotenrepräsentation des Attributs mit dem spezifizierten Namen und Namespace vom aktuellen Knoten.
Element.setAttributeNS(): Setzt den Wert des Attributs mit dem spezifizierten Namen und Namespace vom aktuellen Knoten.
Element.setCapture() Nicht standardisiert Veraltet: Richtet die Mausereigniserfassung ein, um alle Mausereignisse an dieses Element umzuleiten.
Element.setHTML() Sicherer Kontext Experimentell: Parst und desinfiziert einen HTML-String in ein Dokumentfragment, das dann den ursprünglichen Unterbaum des Elements im DOM ersetzt.
Element.setHTMLUnsafe(): Parst einen HTML-String in ein Dokumentfragment, ohne Desinfizierung, das dann den ursprünglichen Unterbaum des Elements im DOM ersetzt. Der HTML-String kann deklarative Shadow-Roots enthalten, die als Vorlagenelemente geparst würden, wenn das HTML mit Element.innerHTML gesetzt würde.
Element.setPointerCapture(): Bestimmt ein spezifisches Element als das Ziel für die zukünftige Erfassung von Zeigerereignissen.
Element.toggleAttribute(): Wechselt ein boolesches Attribut, indem es entfernt wird, falls es vorhanden ist, und hinzugefügt wird, falls es nicht vorhanden ist, auf dem spezifizierten Element.

Ereignisse

Hören Sie auf diese Ereignisse mit addEventListener() oder indem Sie einen Ereignis-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 ist, geändert zu werden.
beforematch: Wird auf einem Element ausgelöst, das sich im Zustand versteckt, bis gefunden befindet, wenn der Browser dabei ist, seinen Inhalt anzuzeigen, weil der Benutzer den Inhalt über die "Seite durchsuchen"-Funktion oder durch Fragmentnavigation gefunden hat.
beforescriptexecute Nicht standardisiert Veraltet: Wird ausgelöst, wenn ein Skript kurz vor der Ausführung steht.
beforexrselect Experimentell: Wird vor den WebXR-Auswahlevents (select, selectstart, selectend) ausgelöst.
contentvisibilityautostatechange: Wird auf jedem Element mit content-visibility: auto gesetzt, wenn es anfängt oder aufhört, für den Benutzer relevant zu sein, und seinen Inhalt zu überspringen.
input: Wird ausgelöst, wenn sich der Wert eines Elements als direktes Ergebnis einer Benutzeraktion ändert.
securitypolicyviolation: Wird ausgelöst, wenn eine Content Security Policy verletzt wird.
wheel: Wird ausgelöst, wenn der Benutzer ein Rad an einem Zeigegerät (typischerweise einer Maus) dreht.

Animation Ereignisse

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 Wiederholung einer Animation abgeschlossen ist.
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.

Kompositionsereignisse

compositionend: Wird ausgelöst, wenn ein Textzusammensetzungssystem wie ein Eingabemethoden-Editor die aktuelle Zusammensetzungs-Session abschließt oder abbricht.
compositionstart: Wird ausgelöst, wenn ein Textzusammensetzungssystem wie ein Eingabemethoden-Editor eine neue Zusammensetzungs-Session startet.
compositionupdate: Wird ausgelöst, wenn im Kontext einer Textzusammensetzungs-Session, die durch ein Textzusammensetzungssystem wie ein Eingabemethoden-Editor gesteuert wird, ein neues Zeichen empfangen wird.

Fokus Ereignisse

blur: Wird ausgelöst, wenn ein Element den Fokus verloren hat.
focus: Wird ausgelöst, wenn ein Element den Fokus erlangt hat.
focusin: Wird ausgelöst, wenn ein Element den Fokus erlangt hat, nach focus.
focusout: Wird ausgelöst, wenn ein Element den Fokus verloren hat, nach blur.

Vollbild Ereignisse

fullscreenchange: Wird an ein Element gesendet, wenn es in oder aus dem Vollbildmodus wechselt.
fullscreenerror: Wird an ein Element gesendet, wenn ein Fehler auftritt, während versucht wird, es in den oder aus dem Vollbildmodus zu wechseln.

Tastaturereignisse

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

Mausereignisse

auxclick: Wird ausgelöst, wenn eine nicht-primäre Taste eines Zeigegeräts (z. B. eine andere Maustaste als die linke Taste) auf einem Element gedrückt und losgelassen wird.
click: Wird ausgelöst, wenn eine Taste eines Zeigegeräts (z. B. die Haupttaste 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 Haupttaste einer Maus) zweimal auf einem einzelnen Element geklickt wird.
DOMActivate Veraltet: Tritt auf, wenn ein Element aktiviert wird, z. B. durch einen Mausklick oder einen Tastendruck.
DOMMouseScroll Veraltet Nicht standardisiert: Tritt auf, wenn das Mausrad oder ein ähnliches Gerät betätigt wird und die akkumulierte Scrollmenge seit dem letzten Ereignis über 1 Linie oder 1 Seite beträgt.
mousedown: Wird ausgelöst, wenn eine Taste eines Zeigegeräts auf einem Element gedrückt wird.
mouseenter: Wird ausgelöst, wenn ein Zeigegerät (normalerweise eine Maus) über das Element bewegt wird, an das der Listener angehängt ist.
mouseleave: Wird ausgelöst, wenn der Zeiger eines Zeigegeräts (normalerweise einer Maus) aus einem Element bewegt wird, an das der Listener angehängt ist.
mousemove: Wird ausgelöst, wenn ein Zeigegerät (normalerweise eine Maus) über ein Element bewegt wird.
mouseout: Wird ausgelöst, wenn ein Zeigegerät (normalerweise eine Maus) aus dem Element, an das der Listener angehängt ist, oder aus einem seiner Kinder bewegt wird.
mouseover: Wird ausgelöst, wenn ein Zeigegerät über das Element, an das der Listener angehängt 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 betätigt wird.
MozMousePixelScroll Veraltet Nicht standardisiert: Wird ausgelöst, wenn ein Mausrad oder ein ähnliches Gerät betätigt wird.
webkitmouseforcechanged Nicht standardisiert: Wird jedes Mal ausgelöst, wenn sich der Druck auf dem Trackpad-Display ändert.
webkitmouseforcedown Nicht standardisiert: Wird nach dem mousedown Ereignis ausgelöst, sobald ausreichend Druck angewendet wurde, um als "druckklick" zu qualifizieren.
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 "kraftklick" zu beenden.

Zeigerereignisse

gotpointercapture: Wird ausgelöst, wenn ein Element einen Zeiger mithilfe von setPointerCapture() erfasst.
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 Treffergrenzen eines Elements oder eines seiner Nachkommen bewegt wird.
pointerleave: Wird ausgelöst, wenn ein Zeiger die Treffergrenzen eines Elements verlässt.
pointermove: Wird ausgelöst, wenn ein Zeiger seine Koordinaten ändert.
pointerout: Wird ausgelöst, wenn ein Zeiger aus den Treffer-Test Grenzen eines Elements bewegt wird (unter anderem aus Gründen).
pointerover: Wird ausgelöst, wenn ein Zeiger in die Treffer-Test Grenzen eines Elements bewegt wird.
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 das Dokumentfenster oder ein Element gescrollt wurde.
scrollend: Wird ausgelöst, wenn das Dokumentfenster den Scrollvorgang abgeschlossen hat.
scrollsnapchange Experimentell: Wird am Scroll-Container am Ende eines Scroll-Vorgangs 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 aussteht, d.h. es wird ausgewählt, wenn die aktuelle Scroll-Geste endet.

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 nicht mehr mehrere Finger die Berührungsfläche berühren und die Geste somit beendet wird.
gesturestart Nicht standardisiert: Wird ausgelöst, wenn mehrere Finger die Berührungsfläche berühren und somit eine neue Geste gestartet wird.
touchcancel: Wird ausgelöst, wenn ein oder mehrere Berührungspunkte auf spezifische Weise unterbrochen wurden (zum Beispiel, wenn zu viele Berührungspunkte erstellt werden).
touchend: Wird ausgelöst, wenn ein oder mehrere Berührungspunkte von der Berührungsoberfläche entfernt werden.
touchmove: Wird ausgelöst, wenn ein oder mehrere Berührungspunkte entlang der Berührungsoberfläche bewegt werden.
touchstart: Wird ausgelöst, wenn ein oder mehrere Berührungspunkte auf die Berührungsoberfläche gesetzt 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 er zu einer Menge laufender Übergänge hinzugefügt wird), obwohl er möglicherweise noch nicht gestartet ist.
transitionstart: Ein Event, das ausgelöst wird, wenn ein CSS-Übergang zu Übergangsveränderungen startet.

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