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 das Basisinterface für HTML-Elemente. Analog dazu ist das SVGElement-Interface die Grundlage für alle SVG-Elemente und das MathMLElement-Interface das Basisinterface für MathML-Elemente. Die meisten Funktionalitäten werden weiter unten in der Klassenhierarchie spezifiziert.

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

Instanz-Eigenschaften

Element erbt Eigenschaften von seinem übergeordneten Interface, Node, und dadurch von dem übergeordneten Interface EventTarget.

Element.assignedSlot Schreibgeschützt: Gibt ein HTMLSlotElement zurück, das das <slot>-Element darstellt, in das der Knoten eingefügt wird.
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 Randes des Elements darstellt.
Element.clientTop Schreibgeschützt: Gibt eine Zahl zurück, die die Breite des oberen Randes 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 und ein Element zur Beobachtung in der PerformanceElementTiming-API kennzeichnet.
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 die Markierung 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 Namensraum-URI des Elements oder null, wenn es keinen Namensraum gibt.
Element.nextElementSibling Schreibgeschützt: Ein Element, das Element unmittelbar nach dem gegebenen im Baum, oder null, wenn es keinen Geschwisterknoten gibt.
Element.outerHTML: Ein String, der die Markierung des Elements einschließlich seines Inhalts darstellt. Bei Verwendung als Setter wird das Element durch aus dem gegebenen String geparste Knoten ersetzt.
Element.part: Bezeichnet die Part-Identifier des Elements (d.h. anhand des part-Attributs gesetzt), zurückgegeben als ein DOMTokenList.
Element.prefix Schreibgeschützt: Ein String, der das Namensraum-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 keinen Geschwisterknoten gibt.
Element.scrollHeight Schreibgeschützt: Gibt eine Zahl zurück, die die Scroll-Ansichtshöhe eines Elements darstellt.
Element.scrollLeft: Eine Zahl, die den linken Scrollversatz des Elements darstellt.
Element.scrollLeftMax Nicht standardisiert Schreibgeschützt: Gibt eine Zahl zurück, die den maximalen linken Scrollversatz darstellt, der für das Element möglich ist.
Element.scrollTop: Eine Zahl, die die Anzahl der Pixel darstellt, um die der obere Teil des Elements vertikal gescrollt wird.
Element.scrollTopMax Nicht standardisiert Schreibgeschützt: Gibt eine Zahl zurück, die den maximalen oberen Scrollversatz darstellt, der für das Element möglich ist.
Element.scrollWidth Schreibgeschützt: Gibt eine Zahl zurück, die die Scroll-Ansichtsbreite des Elements darstellt.
Element.shadowRoot Schreibgeschützt: Gibt das offene Schatten-Root zurück, das vom Element gehostet wird, oder null, wenn kein offenes Schatten-Root vorhanden ist.
Element.slot: Gibt den Namen des Schatten-DOM-Slots zurück, in den das Element eingefügt wird.
Element.tagName Schreibgeschützt: Gibt einen String mit dem Namen des Tags für das gegebene Element zurück.

Instanz-Eigenschaften, die von ARIA enthalten sind

Das Element-Interface enthält auch die folgenden Eigenschaften.

Element.ariaAtomic: Ein String, der das aria-atomic-Attribut widerspiegelt, welches angibt, ob unterstützende Technologien die gesamte oder nur Teile der geänderten Region basierend auf den durch das aria-relevant-Attribut definierten Änderungsmitteilungen präsentieren werden.
Element.ariaAutoComplete: Ein String, der das aria-autocomplete-Attribut widerspiegelt, welches angibt, ob die Eingabe von Text eine oder mehrere Vorhersagen über den beabsichtigten Wert des Benutzers für eine Kombinationsbox, Suchbox oder Textbox auslösen könnte, und wie Vorhersagen präsentiert 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 modifiziert wird, da unterstützende Technologien möglicherweise warten möchten, bis die Modifikationen abgeschlossen sind, bevor sie dem Benutzer präsentiert werden.
Element.ariaChecked: Ein String, der das aria-checked-Attribut widerspiegelt, welches den aktuellen „geprüften“ Status von Kontrollkästchen, Optionsfeldern und anderen Widgets, die einen überprüften Status haben, angibt.
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 Gesamtzahl der Spalten innerhalb einer Tabelle, eines Rasters oder Baumrasters definiert.
Element.ariaColIndexText: Ein String, der das aria-colindextext-Attribut widerspiegelt, welches eine menschenlesbare Textalternative für aria-colindex definiert.
Element.ariaColSpan: Ein String, der das aria-colspan-Attribut widerspiegelt, welches die Anzahl der von einer Zelle oder Gitterzelle in einer Tabelle, einem Raster oder Baumraster überspannten Spalten definiert.
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 Stringwert 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 bearbeitet oder anderweitig bedienbar ist.
Element.ariaExpanded: Ein String, der das aria-expanded-Attribut widerspiegelt, welches angibt, ob ein von diesem Element besessenes oder kontrolliertes Gruppierungselement erweitert oder reduziert ist.
Element.ariaHasPopup: Ein String, der das aria-haspopup-Attribut widerspiegelt, welches die Verfügbarkeit und Art eines interaktiven Popupelements, wie Menü oder Dialog, das durch ein Element ausgelöst werden kann, angibt.
Element.ariaHidden: Ein String, der das aria-hidden-Attribut widerspiegelt, welches angibt, ob das Element über eine Zugänglichkeits-API zugänglich gemacht wird.
Element.ariaInvalid: Ein String, der das aria-invalid-Attribut widerspiegelt, welches angibt, dass der eingegebene Wert nicht dem Format entspricht, welches die Anwendung erwartet.
Element.ariaKeyShortcuts: Ein String, der das aria-keyshortcuts-Attribut widerspiegelt, welches die Tastaturkurzbefehle 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, welches einen Stringwert 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 Arten der 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, welches angibt, ob ein Element modal ist, wenn es angezeigt wird.
Element.ariaMultiline: Ein String, der das aria-multiline-Attribut widerspiegelt, welches angibt, ob eine Textbox mehrere Eingabezeilen oder nur eine einzelne Zeile akzeptiert.
Element.ariaMultiSelectable: Ein String, der das aria-multiselectable-Attribut widerspiegelt, welches angibt, dass der Benutzer mehr als ein Element aus den derzeit auswählbaren Nachkommen auswählen kann.
Element.ariaOrientation: Ein String, der das aria-orientation-Attribut widerspiegelt, welches angibt, ob die Orientierung 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 Steuerungselement keinen Wert hat.
Element.ariaPosInSet: Ein String, der das aria-posinset-Attribut widerspiegelt, welches die Nummer oder Position eines Elements im aktuellen Set von Listenelementen oder Baumelementen definiert.
Element.ariaPressed: Ein String, der das aria-pressed-Attribut widerspiegelt, welches den aktuellen „gedrückten“ Status von Umschaltknöpfen angibt.
Element.ariaReadOnly: Ein String, der das aria-readonly-Attribut widerspiegelt, welches angibt, dass das Element nicht bearbeitbar ist, aber anderweitig 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 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 eine Benutzereingabe für das Element erforderlich ist, bevor ein Formular gesendet werden kann.
Element.ariaRoleDescription: Ein String, der das aria-roledescription-Attribut widerspiegelt, welches eine menschenlesbare, vom Autor lokalisierte Beschreibung für die Rolle eines 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 eines Elements oder die Position in Bezug auf die Gesamtzahl der Zeilen innerhalb einer Tabelle, eines Rasters oder Baumrasters definiert.
Element.ariaRowIndexText: Ein String, der das aria-rowindextext-Attribut widerspiegelt, welches eine menschenlesbare Textalternative für aria-rowindex definiert.
Element.ariaRowSpan: Ein String, der das aria-rowspan-Attribut widerspiegelt, welches die Anzahl der von einer Zelle oder Gitterzelle in einer Tabelle, einem Raster oder Baumraster überspannten Zeilen definiert.
Element.ariaSelected: Ein String, der das aria-selected-Attribut widerspiegelt, welches den aktuellen „ausgewählten“ Status von Elementen, die einen ausgewählten Status haben, angibt.
Element.ariaSetSize: Ein String, der das aria-setsize-Attribut widerspiegelt, welches die Anzahl der Elemente im aktuellen Set 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 Bereichs-Widget definiert.
Element.ariaValueMin: Ein String, der das aria-valueMin-Attribut widerspiegelt, welches den minimal zulässigen Wert für ein Bereichs-Widget definiert.
Element.ariaValueNow: Ein String, der das aria-valueNow-Attribut widerspiegelt, welches den aktuellen Wert für ein Bereichs-Widget definiert.
Element.ariaValueText: Ein String, der das aria-valuetext-Attribut widerspiegelt, welches die menschenlesbare Textalternative zu aria-valuenow für ein Bereichs-Widget definiert.
Element.role: Ein String, der das explizit gesetzte role-Attribut widerspiegelt, welches die semantische Rolle des Elements angibt.

Instanz-Eigenschaften reflektiert von ARIA-Elementreferenzen

Die Eigenschaften spiegeln die von ID-Referenz in den entsprechenden Attributen angegebenen Elemente wider, jedoch mit einigen Einschränkungen. Siehe Reflektierte Elementreferenzen im Reflektierte Attribute Leitfaden für weitere Informationen.

Element.ariaActiveDescendantElement: Ein Element, das das aktuelle aktive Element darstellt, wenn der Fokus auf einem composite Widget, einer combobox, einer textbox, einer group, oder einer application liegt. Spiegelt das aria-activedescendant-Attribut wider.
Element.ariaControlsElements: Ein Array von Elementen, deren Inhalt oder Präsenz durch das Element, auf welches angewendet wird, kontrolliert wird. Spiegelt das aria-controls-Attribut wider.
Element.ariaDescribedByElements: Ein Array von Elementen, die die zugängliche Beschreibung für das Element, auf welches angewendet wird, enthalten. Spiegelt das aria-describedby-Attribut wider.
Element.ariaDetailsElements: Ein Array von Elementen, die zugängliche Details für das Element, auf welches angewendet wird, bereitstellen. Spiegelt das aria-details-Attribut wider.
Element.ariaErrorMessageElements: Ein Array von Elementen, die eine Fehlermeldung für das Element, auf welches angewendet wird, bereitstellen. Spiegelt das aria-errormessage-Attribut wider.
Element.ariaFlowToElements: Ein Array von Elementen, das das nächste Element (oder die nächsten Elemente) in einer alternativen Lesereihenfolge von Inhalten identifiziert und die allgemeine Standardlesereihenfolge bei Bedarf des Benutzers überschreibt. Spiegelt das aria-flowto-Attribut wider.
Element.ariaLabelledByElements: Ein Array von Elementen, das den zugänglichen Namen für das Element, auf welches angewendet wird, bereitstellt. Spiegelt das aria-labelledby-Attribut wider.
Element.ariaOwnsElements: Ein Array von Elementen, die von dem Element besessen werden, auf das dies angewendet wird. Dies wird verwendet, um eine visuelle, funktionale oder kontextuelle Beziehung zwischen einem Elternteil 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 dem eigenen Elternteil, EventTarget.

Element.after(): Fügt eine Menge von Node-Objekten oder Strings in die Kinderliste des Elternteils des Element ein, direkt nach dem Element.
Element.animate(): Eine Shortcut-Methode, um eine Animation auf einem Element zu erstellen und auszuführen. Gibt das erstellte Animationsobjekt zurück.
Element.ariaNotify() Experimentell Nicht standardisiert: Gibt an, dass eine bestimmte Zeichenkette von einem Screenreader angekündigt werden soll.
Element.append(): Fügt eine Menge von Node-Objekten oder Strings nach dem letzten Kind des Elements ein.
Element.attachShadow(): Hängt einen Schatten-DOM-Baum an das angegebene Element an und gibt eine Referenz auf das ShadowRoot zurück.
Element.before(): Fügt eine Menge 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ächste Vorfahre des aktuellen Elements ist (oder das aktuelle Element selbst), das den im Parameter angegebenen Selektoren entspricht.
Element.computedStyleMap(): Gibt eine StylePropertyMapReadOnly-Schnittstelle zurück, die eine schreibgeschützte Darstellung eines CSS-Deklarationsblocks bietet, der eine Alternative zu CSSStyleDeclaration darstellt.
Element.getAnimations(): Gibt ein Array von Animationen 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 Zeichenkette zurück.
Element.getAttributeNames(): Gibt ein Array von Attributnamen des aktuellen Elements zurück.
Element.getAttributeNode(): Ruft die Knotendarstellung des benannten Attributs vom aktuellen Knoten ab und gibt sie als Attr zurück.
Element.getAttributeNodeNS(): Ruft die Knotendarstellung des Attributs mit dem spezifizierten Namen und Namensraum vom aktuellen Knoten ab und gibt sie als Attr zurück.
Element.getAttributeNS(): Ruft den Wert des Attributs mit dem spezifizierten Namensraum und Namen vom aktuellen Knoten ab und gibt ihn als Zeichenkette zurück.
Element.getBoundingClientRect(): Gibt die Größe eines Elements und seine Position relativ zum Viewport 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 Nachkommen des aktuellen Elements enthält, die über die im Parameter angegebene Klassenliste verfügen.
Element.getElementsByTagName(): Gibt eine Live-HTMLCollection zurück, die alle Nachkommerelemente eines bestimmten Tag-Namens des aktuellen Elements enthält.
Element.getElementsByTagNameNS(): Gibt eine Live-HTMLCollection zurück, die alle Nachkommerelemente eines bestimmten Tag-Namens und Namensraums des aktuellen Elements enthält.
Element.getHTML(): Gibt den DOM-Inhalt des Elements als HTML-String zurück, optional einschließlich jedes Schatten-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 über das spezifizierte Attribut, im spezifizierten Namensraum, verfügt oder nicht.
Element.hasAttributes(): Gibt einen booleschen Wert zurück, der angibt, ob das Element über ein oder mehrere HTML-Attribute verfügt.
Element.hasPointerCapture(): Gibt an, ob das Element, auf dem es aufgerufen wird, den Zeiger für das durch die gegebene Zeiger-ID identifizierte Ereignis erfasst hat.
Element.insertAdjacentElement(): Fügt ein gegebenes Element an einer gegebenen Position relativ zum aufgerufenem Element ein.
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 gegebenen Position relativ zum aufgerufenem Element ein.
Element.matches(): Gibt einen booleschen Wert zurück, der angibt, ob das Element durch den angegebenen Selektor-String ausgewählt werden würde.
Element.moveBefore(): Verschiebt einen angegebenen Node innerhalb des aufrufenden Knotens als direktes Kind vor einen angegebenen Referenzknoten, ohne den Knoten zu entfernen und neu 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 dem angegebenen Selektor-String relativ zu dem Element entspricht.
Element.querySelectorAll(): Gibt eine NodeList von Knoten zurück, die dem angegebenen Selektor-String relativ zu dem Element entsprechen.
Element.releasePointerCapture(): Gibt die Zeigererfassung frei (stoppt sie), 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 Knotendarstellung 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 eine angegebene neue Menge von Kindern.
Element.replaceWith(): Ersetzt das Element in der Kinderliste seines Elternteils durch eine Menge von Node-Objekten oder Strings.
Element.requestFullscreen(): Fordert asynchron den Browser auf, das Element im Vollbild anzuzeigen.
Element.requestPointerLock(): Erlaubt es, asynchron zu verlangen, dass der Zeiger auf dem gegebenen Element gesperrt wird.
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 sichtbar wird.
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 den standardmäßigen 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 Knotendarstellung des benannten Attributs vom aktuellen Knoten.
Element.setAttributeNodeNS(): Setzt die Knotendarstellung des Attributs mit dem spezifizierten Namen und Namensraum vom aktuellen Knoten.
Element.setAttributeNS(): Setzt den Wert des Attributs mit dem spezifizierten Namen und Namensraum vom aktuellen Knoten.
Element.setCapture() Nicht standardisiert Veraltet: Richtet die Erfassung von Mausereignissen ein und leitet alle Mausereignisse an dieses Element um.
Element.setHTML() Sicherer Kontext Experimentell: Parst und saniert einen HTML-String in ein Dokumentfragment, welches dann den ursprünglichen Unterbaum des Elements im DOM ersetzt.
Element.setHTMLUnsafe(): Parst einen HTML-String in ein Dokumentfragment, ohne Sanitierung, welches dann den ursprünglichen Unterbaum des Elements im DOM ersetzt. Der HTML-String kann deklarative Schatten-Wurzeln beinhalten, die als Vorlagelemente geparst würden, wenn das HTML mit Element.innerHTML gesetzt worden wäre.
Element.setPointerCapture(): Weist ein bestimmtes Element als Erfassungsziel für zukünftige Zeigereignisse zu.
Element.toggleAttribute(): Wechselt ein boolesches Attribut, entfernt es, wenn es vorhanden ist, und fügt es hinzu, wenn es nicht vorhanden ist, auf dem angegebenen Element.

Ereignisse

Hören Sie diese Ereignisse mit addEventListener() oder durch Zuweisen eines Ereignislisteners 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 geändert werden soll.
beforematch: Wird auf einem Element ausgelöst, das sich im versteckten bis gefundenen Zustand befindet, wenn der Browser im Begriff ist, seinen Inhalt zu enthüllen, weil der Benutzer den Inhalt über die "Seite finden"-Funktion oder durch Fragmentnavigation gefunden hat.
beforescriptexecute Nicht standardisiert Veraltet: Wird ausgelöst, wenn ein Skript ausgeführt werden soll.
beforexrselect Experimentell: Wird vor WebXR-Auswahlevents (select, selectstart, selectend) versandt.
contentvisibilityautostatechange: Wird auf jedem Element mit content-visibility: auto gesetzt, wenn es beginnt oder aufhört für den Benutzer relevant zu sein und seinen Inhalt überspringt.
input: Wird ausgelöst, wenn der Wert eines Elements durch eine direkte Benutzeraktion geändert wird.
securitypolicyviolation: Wird ausgelöst, wenn eine Content Security Policy verletzt wird.
wheel: Wird ausgelöst, wenn der Benutzer ein Rad auf einem Zeigegerät (normalerweise eine Maus) dreht.

Animationsereignisse

animationcancel: Wird ausgelöst, wenn eine Animation unerwartet abbricht.
animationend: Wird ausgelöst, wenn eine Animation normal beendet wird.
animationiteration: Wird ausgelöst, wenn eine Animation eine Iteration abgeschlossen hat.
animationstart: Wird ausgelöst, wenn eine Animation startet.

Zwischenablagenevents

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

Kompositionsevents

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 durch ein Textkompositionssystem wie ein Eingabemethoden-Editor gesteuerten Textkompositionssitzung empfangen wird.

Fokusevents

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.

Vollbildereignisse

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

Tastaturereignisse

keydown: Wird ausgelöst, wenn eine Taste gedrückt wird.
keypress Veraltet: Wird ausgelöst, wenn eine Taste, die einen Zeichenswert erzeugt, heruntergedrückt wird.
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) auf einem Element gedrückt und losgelassen wird.
click: Wird ausgelöst, wenn eine Zeigegerätetaste (z. B. die Primärtaste einer Maus) auf einem einzigen Element gedrückt und losgelassen wird.
contextmenu: Wird ausgelöst, wenn der Benutzer versucht, ein Kontextmenü zu öffnen.
dblclick: Wird ausgelöst, wenn eine Zeigegerätetaste (z. B. die Primärtaste einer Maus) zweimal auf einem einzigen Element angeklickt 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 ein Mausrad oder ähnliches Gerät bedient wird und der aufgelaufene Scrollbetrag seit dem letzten Ereignis über 1 Zeile oder 1 Seite beträgt.
mousedown: Wird ausgelöst, wenn eine Zeigegerätetaste auf einem Element gedrückt wird.
mouseenter: Wird ausgelöst, wenn ein Zeigegerät (normalerweise eine Maus) über das Element bewegt wird, an dem der Listener angebracht ist.
mouseleave: Wird ausgelöst, wenn der Zeiger eines Zeigegeräts (normalerweise einer Maus) aus einem Element herausbewegt wird, an dem der Listener angebracht ist.
mousemove: Wird ausgelöst, wenn ein Zeigegerät (normalerweise eine Maus) bewegt wird, während es sich über einem Element befindet.
mouseout: Wird ausgelöst, wenn ein Zeigegerät (normalerweise eine Maus) das Element, an dem der Listener angebracht ist, oder eines seiner Kinder verlässt.
mouseover: Wird ausgelöst, wenn ein Zeigegerät auf das Element, an dem der Listener angebracht ist, oder auf eines seiner Kinder bewegt wird.
mouseup: Wird ausgelöst, wenn eine Zeigegerätetaste auf einem Element losgelassen wird.
mousewheel Veraltet Nicht standardisiert: Wird ausgelöst, wenn ein Mausrad oder ähnliches Gerät bedient wird.
MozMousePixelScroll Veraltet Nicht standardisiert: Wird ausgelöst, wenn ein Mausrad oder ähnliches Gerät bedient wird.
webkitmouseforcechanged Nicht standardisiert: Wird jedes Mal ausgelöst, wenn sich der Druck auf die Touchscreen-Oberfläche des Trackpads ändert.
webkitmouseforcedown Nicht standardisiert: Wird nach dem Mousedown-Ereignis ausgelöst, sobald ausreichend Druck ausgeübt wurde, um als "Force Click" zu qualifizieren.
webkitmouseforcewillbegin Nicht standardisiert: Wird vor dem Mousedown-Ereignis ausgelöst.
webkitmouseforceup Nicht standardisiert: Wird nach dem Webkitforceforcedown-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 mit setPointerCapture() erfasst.
lostpointercapture: Wird ausgelöst, wenn ein erfasster Zeiger freigegeben wird.
pointercancel: Wird ausgelöst, wenn ein Zeigerevent abgebrochen wird.
pointerdown: Wird ausgelöst, wenn ein Zeiger aktiv wird.
pointerenter: Wird ausgelöst, wenn ein Zeiger in die Treffpunktgrenzen eines Elements oder eines seiner Nachkommen bewegt wird.
pointerleave: Wird ausgelöst, wenn ein Zeiger die Treffpunktgrenzen eines Elements verlässt.
pointermove: Wird ausgelöst, wenn ein Zeiger die Koordinaten ändert.
pointerout: Wird ausgelöst, wenn ein Zeiger aus den Treffpunktgrenzen eines Elements bewegt wird (unter anderem aus Gründen).
pointerover: Wird ausgelöst, wenn ein Zeiger in die Treffpunktgrenzen 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 länger aktiv ist.

Rollbewegungs-Ereignisse

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 Scroll-Vorgangs ausgelöst, wenn ein neues Scroll-Snap-Ziel ausgewählt wurde.
scrollsnapchanging Experimentell: Wird am Scroll-Container ausgelöst, wenn der Browser bestimmt, dass ein neues Scroll-Snap-Ziel ansteht, d.h. ausgewählt wird, wenn die aktuelle Scroll-Geste endet.

Berührungsevents

gesturechange Nicht standardisiert: Wird ausgelöst, wenn sich Digits während einer Berührungsgeste bewegen.
gestureend Nicht standardisiert: Wird ausgelöst, wenn keine weiteren Finger die Berührungsoberfläche mehr kontaktieren, wodurch die Geste endet.
gesturestart Nicht standardisiert: Wird ausgelöst, wenn mehrere Finger die Berührungsoberfläche kontaktieren, wodurch eine neue Geste gestartet wird.
touchcancel: Wird ausgelöst, wenn ein oder mehrere Berührungspunkte in einer Implementierungsspezifischen 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ü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 wurde.
transitionend: Ein Event, das ausgelöst wird, wenn ein CSS-Übergang fertig abgespielt wurde.
transitionrun: Ein Event, das ausgelöst wird, wenn ein CSS-Übergang erstellt wird (d.h. wenn er zu einem Set von laufenden Übergängen hinzugefügt wird), obwohl er nicht unbedingt gestartet wurde.
transitionstart: Ein Event, das ausgelöst wird, wenn ein CSS-Übergang beginnt, überzugehen.

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