Element

Baseline Widely available *

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

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

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

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

Auch außerhalb der Webplattform angesiedelte Sprachen, wie XUL durch das XULElement-Interface, implementieren Element.

EventTarget Node Element

Instanzeigenschaften

Element erbt Eigenschaften von seinem Eltern-Interface, Node, und dessen Eltern-Interface, EventTarget.

Element.assignedSlot Schreibgeschützt

Gibt ein HTMLSlotElement zurück, das den <slot> repräsentiert, in den 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 repräsentiert.

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

Element.elementTiming Experimentell

Ein String, der das elementtiming Attribut widerspiegelt, welches ein Element für die Beobachtung in der PerformanceElementTiming API markiert.

Element.firstElementChild Schreibgeschützt

Gibt das erste Kindelement dieses Elements zurück.

Element.id

Ein String, der die ID des Elements repräsentiert.

Element.innerHTML

Ein String, der das Markup des Inhalts des Elements repräsentiert.

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 repräsentiert.

Element.namespaceURI Schreibgeschützt

Der Namespace-URI des Elements oder null, wenn es keinen Namespace gibt.

Element.nextElementSibling Schreibgeschützt

Ein Element, das Element, das unmittelbar auf das gegebene im Baum folgt, oder null, wenn es keinen Geschwisterknoten gibt.

Element.outerHTML

Ein String, der das Markup des Elements inklusive seines Inhalts repräsentiert. Wenn als Setter verwendet, ersetzt er das Element durch Knoten, die aus dem gegebenen String analysiert werden.

Element.part

Repräsentiert die Part-Kennung(en) des Elements (d.h. mit dem part-Attribut gesetzt), zurückgegeben als DOMTokenList.

Element.prefix Schreibgeschützt

Ein String, der das Namespace-Präfix des Elements repräsentiert, oder null, wenn kein Präfix angegeben ist.

Element.previousElementSibling Schreibgeschützt

Ein Element, das Element, das unmittelbar dem gegebenen im Baum vorausgeht, oder null, wenn es kein Geschwisterelement gibt.

Element.scrollHeight Schreibgeschützt

Gibt eine Zahl zurück, die die Scroll-Höhe eines Elements darstellt.

Element.scrollLeft

Eine Zahl, die den linken Scroll-Offset des Elements repräsentiert.

Element.scrollLeftMax Nicht standardisiert Schreibgeschützt

Gibt eine Zahl zurück, die den maximal möglichen linken Scroll-Offset für das Element darstellt.

Element.scrollTop

Eine Zahl, die die Anzahl der Pixel repräsentiert, 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 Scroll-Offset für das Element darstellt.

Element.scrollWidth Schreibgeschützt

Gibt eine Zahl zurück, die die Scroll-Breite des Elements darstellt.

Element.shadowRoot Schreibgeschützt

Gibt die offene Schattenwurzel zurück, die von dem Element gehostet wird, oder null, wenn keine offene Schattenwurzel vorhanden ist.

Element.slot

Gibt den Namen des Shadow DOM-Slots zurück, in den das Element eingefügt ist.

Element.tagName Schreibgeschützt

Gibt einen String mit dem Namen des Tags für das gegebene Element zurück.

In ARIA enthaltene Instanzeigenschaften

Das Element-Interface beinhaltet auch die folgenden Eigenschaften.

Element.ariaAtomic

Ein String, der das aria-atomic Attribut widerspiegelt, das angibt, ob unterstützende Technologien alle oder nur Teile der geänderten Region basierend auf den Änderungsbenachrichtigungen anzeigen, die durch das aria-relevant Attribut definiert sind.

Element.ariaAutoComplete

Ein String, der das aria-autocomplete Attribut widerspiegelt, welches angibt, ob das Eingeben von Text die Anzeige von einer oder mehreren Vorhersagen des beabsichtigten Werts des Benutzers für eine Kombinationsbox, Suchbox oder Textbox auslösen könnte, und wie Vorhersagen präsentiert würden, wenn sie gemacht werden.

Element.ariaBrailleLabel

Ein String, der das aria-braillelabel Attribut widerspiegelt, welches die Braille-Beschriftung 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 Änderungen 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, Optionsfelder und anderen Widgets angibt, die einen geprüften Status haben.

Element.ariaColCount

Ein String, der das aria-colcount Attribut widerspiegelt, welches die Anzahl der Spalten in einer Tabelle, einem Raster oder einem Baumraster definiert.

Element.ariaColIndex

Ein String, der das aria-colindex Attribut widerspiegelt, welches den Spaltenindex oder die Position eines Elements in Bezug auf die Gesamtanzahl der Spalten in einer Tabelle, einem Raster oder einem Baumraster definiert.

Element.ariaColIndexText

Ein String, der das aria-colindextext Attribut widerspiegelt, welches einen menschenlesbaren Textalternative zu aria-colindex definiert.

Element.ariaColSpan

Ein String, der das aria-colspan Attribut widerspiegelt, welches die Anzahl der durch eine Zelle oder Rasterzelle in einer Tabelle, einem Raster oder einem Baumraster überspannten Spalten definiert.

Element.ariaCurrent

Ein String, der das aria-current Attribut widerspiegelt, welches das Element angibt, das das aktuelle Element in einem Container oder einer Menge verwandter Elemente repräsentiert.

Element.ariaDescription

Ein String, der das aria-description Attribut widerspiegelt, welches 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 bearbeitbar 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 eingeklappt ist.

Element.ariaHasPopup

Ein String, der das aria-haspopup Attribut widerspiegelt, welches die Verfügbarkeit und den Typ des interaktiven Popupelements angibt, wie 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 einer Barrierefreiheits-API zugänglich ist.

Element.ariaInvalid

Ein String, der das aria-invalid Attribut widerspiegelt, welches angibt, dass der eingegebene Wert nicht dem vom Antrag 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 ihm den Fokus zu geben.

Element.ariaLabel

Ein String, der das aria-label Attribut widerspiegelt, welches einen String-Wert definiert, der das aktuelle Element beschriftet.

Element.ariaLevel

Ein String, der das aria-level Attribut widerspiegelt, welches die hierarchische Ebene eines Elements innerhalb einer Struktur definiert.

Element.ariaLive

Ein String, der das aria-live Attribut widerspiegelt, welches angibt, dass ein Element aktualisiert wird, und die Arten von Updates 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 Zeilen Eingaben 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 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 helfen soll, wenn die Steuerung keinen Wert hat.

Element.ariaPosInSet

Ein String, der das aria-posinset Attribut widerspiegelt, welches die Nummer oder Position eines Elements in der aktuellen Gruppe von Listenelementen oder Baumelementen definiert.

Element.ariaPressed

Ein String, der das aria-pressed Attribut widerspiegelt, welches den aktuellen "gedrückten" Status von Umschaltknöpfen angibt.

Element.ariaReadOnly

Ein String, der das aria-readonly Attribut widerspiegelt, welches angibt, dass das Element nicht bearbeitbar, aber anderweitig bedienbar ist.

Element.ariaRelevant Nicht standardisiert

Ein String, der das aria-relevant Attribut widerspiegelt, welches angibt, welche Benachrichtigungen der Benutzeragent auslöst, wenn der Barrierefreiheitsbaum innerhalb einer Live-Region verä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 Benutzereingaben auf dem Element erforderlich sind, bevor ein Formular abgeschickt werden kann.

Element.ariaRoleDescription

Ein String, der das aria-roledescription Attribut widerspiegelt, welches eine menschenlesbare, vom Autor lokalisierte Beschreibung für die Rolle eines Elements definiert.

Element.ariaRowCount

Ein String, der das aria-rowcount Attribut widerspiegelt, welches die Gesamtanzahl der Zeilen in einer Tabelle, einem Raster oder einem Baumraster definiert.

Element.ariaRowIndex

Ein String, der das aria-rowindex Attribut widerspiegelt, welches den Zeilenindex oder die Position eines Elements in Bezug auf die Gesamtanzahl der Zeilen in einer Tabelle, einem Raster oder einem Baumraster definiert.

Element.ariaRowIndexText

Ein String, der das aria-rowindextext Attribut widerspiegelt, welches eine menschenlesbare Textalternative zu aria-rowindex definiert.

Element.ariaRowSpan

Ein String, der das aria-rowspan Attribut widerspiegelt, welches die Anzahl der durch eine Zelle oder Rasterzelle in einer Tabelle, einem Raster oder einem Baumraster überspannten Zeilen definiert.

Element.ariaSelected

Ein String, der das aria-selected Attribut widerspiegelt, welches den aktuellen "ausgewählten" Status von Elementen angibt, die einen ausgewählten Status haben.

Element.ariaSetSize

Ein String, der das aria-setsize Attribut widerspiegelt, welches die Anzahl der Elemente in der aktuellen Gruppe von Listenelementen oder Baumelementen definiert.

Element.ariaSort

Ein String, der das aria-sort Attribut widerspiegelt, welches angibt, ob Elemente in einer Tabelle oder einem Raster in aufsteigender oder absteigender Reihenfolge sortiert sind.

Element.ariaValueMax

Ein String, der das aria-valueMax Attribut widerspiegelt, welches den maximal zulässigen Wert für ein Bereich-Widget definiert.

Element.ariaValueMin

Ein String, der das aria-valueMin Attribut widerspiegelt, welches den minimal zulässigen Wert für ein Bereich-Widget definiert.

Element.ariaValueNow

Ein String, der das aria-valueNow Attribut widerspiegelt, welches den aktuellen Wert für ein Bereich-Widget definiert.

Element.ariaValueText

Ein String, der das aria-valuetext Attribut widerspiegelt, welches die menschenlesbare Textalternative zu aria-valuenow für ein Bereich-Widget definiert.

Element.role

Ein String, der das explizit gesetzte role Attribut widerspiegelt, welches die semantische Rolle des Elements angibt.

Von ARIA-Elementreferenzen reflektierte Instanzeigenschaften

Die Eigenschaften spiegeln die durch ID-Referenzen in den entsprechenden Attributen angegebenen Elemente wider, jedoch mit einigen Einschränkungen. Weitere Informationen finden Sie unter Reflektierte Elementreferenzen im Reflektierte Attribute Leitfaden.

Element.ariaActiveDescendantElement

Ein Element, das das aktuell 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 Präsenz durch das Element, auf das es angewendet wird, gesteuert werden. Widerspiegelt das aria-controls Attribut.

Element.ariaDescribedByElements

Ein Array von Elementen, die die barrierefreie Beschreibung für das Element, auf das es angewendet wird, enthalten. Widerspiegelt das aria-describedby Attribut.

Element.ariaDetailsElements

Ein Array von Elementen, die barrierefreie Details für das Element, auf das es angewendet wird, bereitstellen. Widerspiegelt das aria-details Attribut.

Element.ariaErrorMessageElements

Ein Array von Elementen, die eine Fehlermeldung für das Element, auf das es angewendet wird, bereitstellen. Widerspiegelt das aria-errormessage Attribut.

Element.ariaFlowToElements

Ein Array von Elementen, die das nächste Element (oder die nächsten Elemente) in einer alternativen Lesereihenfolge des Inhalts identifizieren, indem sie die allgemeine Standard-Lesereihenfolge nach Ermessen des Benutzers außer Kraft setzen. Widerspiegelt das aria-flowto Attribut.

Element.ariaLabelledByElements

Ein Array von Elementen, die den barrierefreien Namen für das Element, auf das es angewendet wird, bereitstellen. Widerspiegelt das aria-labelledby Attribut.

Element.ariaOwnsElements

Ein Array von Elementen, die durch das Element, auf das dies angewendet wird, besessen werden. Dies wird verwendet, um eine visuelle, funktionale oder kontextuelle Beziehung zwischen einem übergeordneten Element und seinen untergeordneten Elementen zu definieren, wenn die DOM-Hierarchie nicht zur Darstellung der Beziehung verwendet werden kann. Widerspiegelt das aria-owns Attribut.

Instanzmethoden

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 Kinderliste des Elternteils des Element ein, direkt nach dem Element.

Element.animate()

Eine Abkürzungsmethode, um eine Animation auf einem Element zu erstellen und auszuführen. Gibt das erstellte Animation-Objekt zurück.

Element.append()

Fügt eine Menge von Node-Objekten oder Strings nach dem letzten Kind des Elements ein.

Element.attachShadow()

Fügt einem angegebenen Element einen Schatten-DOM-Baum hinzu und gibt eine Referenz zu dessen 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 (oder das aktuelle Element selbst) ist, das die im Parameter angegebenen Selektoren erfüllt.

Element.computedStyleMap()

Gibt eine StylePropertyMapReadOnly-Schnittstelle zurück, die eine schreibgeschützte Darstellung eines CSS-Deklarationsblocks bietet, der eine Alternative zu CSSStyleDeclaration ist.

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 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 angegebenen Namen und Namespace vom aktuellen Knoten ab und gibt sie als Attr zurück.

Element.getAttributeNS()

Ruft den Wert des Attributs mit dem angegebenen Namespace und Namen vom aktuellen Knoten ab und gibt ihn als String zurück.

Element.getBoundingClientRect()

Gibt die Größe eines Elements und seine Position relativ zum Ansichtsfenster zurück.

Element.getBoxQuads() Experimentell

Gibt eine Liste von DOMQuad-Objekten zurück, die die CSS-Fragmente des Knotens repräsentieren.

Element.getClientRects()

Gibt eine Sammlung von Rechtecken zurück, die die Begrenzungsrechtecke für jede Textzeile in einem Client angeben.

Element.getElementsByClassName()

Gibt eine Live-HTMLCollection zurück, die alle Nachkommen des aktuellen Elements enthält, die die im Parameter angegebene Liste von Klassen besitzen.

Element.getElementsByTagName()

Gibt eine Live-HTMLCollection zurück, die alle Nachkommenelemente eines bestimmten Tag-Namens vom aktuellen Element enthält.

Element.getElementsByTagNameNS()

Gibt eine Live-HTMLCollection zurück, die alle Nachkommenelemente eines bestimmten Tag-Namens und Namespaces vom aktuellen Element enthält.

Element.getHTML()

Gibt den DOM-Inhalt des Elements als HTML-String zurück, optional inklusive des Shadow DOM.

Element.hasAttribute()

Gibt einen booleschen Wert zurück, der angibt, ob das Element das angegebene Attribut hat oder nicht.

Element.hasAttributeNS()

Gibt einen booleschen Wert zurück, der angibt, ob das Element das angegebene Attribut im angegebenen Namespace hat oder nicht.

Element.hasAttributes()

Gibt einen booleschen Wert zurück, der angibt, ob das Element ein oder mehrere HTML-Attribute aufweist.

Element.hasPointerCapture()

Gibt an, ob das Element, auf dem es aufgerufen wird, Pointer-Capture für den durch die gegebene Pointer-ID identifizierten Zeiger hat.

Element.insertAdjacentElement()

Fügt einen gegebenen Elementknoten an einer bestimmten Position relativ zu dem Element, auf das es angewendet wird, ein.

Element.insertAdjacentHTML()

Analysiert den Text als HTML oder XML und fügt die resultierenden Knoten in das Baum an der angegebenen Position ein.

Element.insertAdjacentText()

Fügt einen gegebenen Textknoten an einer bestimmten Position relativ zu dem Element, auf dem es aufgerufen wird, ein.

Element.matches()

Gibt einen booleschen Wert zurück, der angibt, ob das Element durch den angegebenen Selektor-String ausgewählt würde oder nicht.

Element.moveBefore() Experimentell

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 das erste 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 zuvor für ein bestimmtes PointerEvent gesetzte Pointer-Capture frei (stoppt sie).

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 Namespace 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()

Fragt asynchron den Browser, das Element im Vollbildmodus anzuzeigen.

Element.requestPointerLock()

Ermöglicht es, asynchron die Zeigersperre für das gegebene Element anzufordern.

Element.scroll()

Scrollt zu einem bestimmten Koordinatensatz innerhalb eines angegebenen Elements.

Element.scrollBy()

Scrollt ein Element um den angegebenen Betrag.

Element.scrollIntoView()

Scrollt die Seite, bis das Element in den sichtbaren Bereich gelangt.

Element.scrollIntoViewIfNeeded() Nicht standardisiert

Scrollt das aktuelle Element in den sichtbaren Bereich des Browserfensters, wenn es nicht bereits im sichtbaren Bereich ist. Verwenden Sie die Standardmethode Element.scrollIntoView() stattdessen.

Element.scrollTo()

Scrollt zu einem bestimmten Koordinatensatz innerhalb eines angegebenen Elements.

Element.setAttribute()

Setzt den Wert eines benannten Attributs des aktuellen Knotens.

Element.setAttributeNode()

Setzt die Knotendarstellung des benannten Attributs des aktuellen Knotens.

Element.setAttributeNodeNS()

Setzt die Knotendarstellung des Attributs mit dem angegebenen Namen und Namespace des aktuellen Knotens.

Element.setAttributeNS()

Setzt den Wert des Attributs mit dem angegebenen Namen und Namespace des aktuellen Knotens.

Element.setCapture() Nicht standardisiert Veraltet

Richtet das Mouse-Event-Capture ein, um alle Mausereignisse zu diesem Element umzuleiten.

Element.setHTML() Sicherer Kontext Experimentell

Analysiert und bereinigt einen HTML-String in ein Dokumentfragment, das dann den ursprünglichen Unterbaum des Elements im DOM ersetzt.

Element.setHTMLUnsafe()

Analysiert einen HTML-String in ein Dokumentfragment, ohne ihn zu bereinigen, der dann den ursprünglichen Unterbaum des Elements im DOM ersetzt. Der HTML-String kann deklarative Schattenwurzeln enthalten, die als Template-Elemente analysiert würden, wenn das HTML mit Element.innerHTML gesetzt wurde.

Element.setPointerCapture()

Bezeichnet ein spezifisches Element als Ziel für zukünftige Pointer-Ereignisse.

Element.toggleAttribute()

Schaltet ein boolesches Attribut um, indem es entfernt wird, wenn es vorhanden ist, und hinzugefügt wird, wenn es nicht vorhanden ist, für das angegebene Element.

Ereignisse

Hören Sie diese Ereignisse mit addEventListener() oder durch Zuweisen eines Ereignislisteners zur oneventname Eigenschaft dieses Interfaces an.

afterscriptexecute Nicht standardisiert Veraltet

Ausgelöst, wenn ein Skript ausgeführt wurde.

beforeinput

Ausgelöst, wenn der Wert eines Eingabeelements geändert werden soll.

beforematch

Feuert auf einem Element, das sich im versteckt bis gefunden Zustand befindet, wenn der Browser im Begriff ist, dessen Inhalt zu enthüllen, weil der Benutzer den Inhalt über die "Seite durchsuchen"-Funktion oder durch Fragmentnavigation gefunden hat.

beforescriptexecute Nicht standardisiert Veraltet

Ausgelöst, wenn ein Skript ausgeführt werden soll.

beforexrselect Experimentell

Ausgelöst, bevor WebXR-Auswahlereignisse (select, selectstart, selectend) verteilt werden.

contentvisibilityautostatechange

Feuert auf jedem Element mit content-visibility: auto, wenn es beginnt oder aufhört, für den Benutzer relevant zu sein und seine Inhalte zu überspringen.

input

Feuert, wenn der Wert eines Elements direkt durch eine Benutzeraktion geändert wird.

securitypolicyviolation

Ausgelöst, wenn eine Content Security Policy verletzt wird.

wheel

Ausgelöst, wenn der Benutzer eine Radtaste auf einem Zeigegerät (typischerweise einer Maus) dreht.

Animationsereignisse

animationcancel

Ausgelöst, wenn eine Animation unerwartet abbricht.

animationend

Ausgelöst, wenn eine Animation normal abgeschlossen ist.

animationiteration

Ausgelöst, wenn eine Animationsiteration abgeschlossen ist.

animationstart

Ausgelöst, wenn eine Animation startet.

Zwischenablage-Ereignisse

copy

Ausgelöst, wenn der Benutzer über die Benutzeroberfläche des Browsers eine Kopieraktion initiiert.

cut

Ausgelöst, wenn der Benutzer über die Benutzeroberfläche des Browsers eine Ausschneideaktion initiiert.

paste

Ausgelöst, wenn der Benutzer über die Benutzeroberfläche des Browsers eine Einfügeaktion initiiert.

Kompositionsereignisse

compositionend

Ausgelöscht, wenn ein Textkompositionssystem wie ein Eingabemethoden-Editor die aktuelle Kompositionssitzung abschließt oder abbricht.

compositionstart

Ausgelöscht, wenn ein Textkompositionssystem wie ein Eingabemethoden-Editor eine neue Kompositionssitzung startet.

compositionupdate

Ausgelöscht, wenn ein neues Zeichen im Kontext einer von einem Textkompositionssystem wie einem Eingabemethoden-Editor gesteuerten Textkompositionssitzung empfangen wird.

Fokussierungsereignisse

blur

Ausgelöst, wenn ein Element den Fokus verliert.

focus

Ausgelöst, wenn ein Element den Fokus erlangt.

focusin

Ausgelöst, wenn ein Element den Fokus erlangt, nachdem focus.

focusout

Ausgelöst, wenn ein Element den Fokus verliert, nachdem 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 auftritt, während versucht wird, es in den oder aus dem Vollbildmodus zu schalten.

Tastenereignisse

keydown

Ausgelöst, wenn eine Taste gedrückt wird.

keypress Veraltet

Ausgelöst, wenn eine Taste, die Zeichenwerte erzeugt, niedergedrückt wird.

keyup

Ausgelöst, wenn eine Taste losgelassen wird.

Mausereignisse

auxclick

Ausgelöst, wenn eine nicht-primäre Zeigergerättaste (z. B. jede Maustaste außer der linken Taste) auf einem Element gedrückt und losgelassen wird.

click

Ausgelöst, wenn eine Zeigergerättaste (z. B. die primäre Taste einer Maus) auf einem einzelnen Element gedrückt und losgelassen wird.

contextmenu

Ausgelöst, wenn der Benutzer versucht, ein Kontextmenü zu öffnen.

dblclick

Ausgelöst, wenn eine Zeigergerättaste (z. B. die primäre Taste einer Maus) zweimal auf einem einzigen 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 Maus-Scrollrad oder ein ähnliches Gerät betrieben wird und die akkumulierte Scrollmenge über 1 Zeile oder 1 Seite seit dem letzten Ereignis liegt.

mousedown

Ausgelöst, wenn eine Zeigergerättaste auf einem Element gedrückt wird.

mouseenter

Ausgelöst, wenn ein Zeigergerät (normalerweise eine Maus) über das Element bewegt wird, an dem der Listener angebracht ist.

mouseleave

Ausgelöst, wenn der Zeiger eines Zeigergeräts (normalerweise einer Maus) aus einem Element bewegt wird, an dem der Listener angebracht ist.

mousemove

Ausgelöst, wenn ein Zeigergerät (normalerweise eine Maus) über ein Element bewegt wird.

mouseout

Ausgelöst, wenn ein Zeigergerät (normalerweise eine Maus) vom Element bewegt wird, an dem der Listener angebracht ist, oder von einem seiner Kinder.

mouseover

Ausgelöst, wenn ein Zeigergerät über das Element bewegt wird, an dem der Listener angebracht ist, oder über eins seiner Kinder.

mouseup

Ausgelöst, wenn eine Zeigergerättaste auf einem Element losgelassen wird.

mousewheel Veraltet Nicht standardisiert

Ausgelöst, wenn ein Maus-Scrollrad oder ein ähnliches Gerät verwendet wird.

MozMousePixelScroll Veraltet Nicht standardisiert

Ausgelöst, wenn ein Maus-Scrollrad oder ein ähnliches Gerät verwendet wird.

webkitmouseforcechanged Nicht standardisiert

Wird jedes Mal ausgelöst, wenn sich der Druck auf dem Trackpad-Touchscreen ändert.

webkitmouseforcedown Nicht standardisiert

Ausgelöst nach dem mousedown-Ereignis, sobald ausreichend Druck angewendet wurde, um als "Force-Klick" zu qualifizieren.

webkitmouseforcewillbegin Nicht standardisiert

Ausgelöst vor dem mousedown Ereignis.

webkitmouseforceup Nicht standardisiert

Ausgelöscht, nachdem das Ereignis webkitmouseforcedown ausgelöst wurde, sobald der Druck ausreichend reduziert wurde, um den "Force-Klick" zu beenden.

Zeigerereignisse

gotpointercapture

Ausgelöst, wenn ein Element einen Zeiger durch setPointerCapture() erfasst.

lostpointercapture

Ausgelöst, wenn ein erfasster Zeiger freigegeben wird.

pointercancel

Ausgelöst, wenn ein Zeigerereignis abgebrochen wird.

pointerdown

Ausgelöst, wenn ein Zeiger aktiv wird.

pointerenter

Ausgelöst, wenn ein Zeiger in die Treffererkennungsgrenzen eines Elements oder eines seiner Nachkommen bewegt wird.

pointerleave

Ausgelöst, wenn ein Zeiger aus den Treffererkennungsgrenzen eines Elements bewegt wird.

pointermove

Ausgelöst, wenn ein Zeiger seine Koordinaten ändert.

pointerout

Ausgelöscht, wenn ein Zeiger aus den Treffererkennungs Grenzen eines Elements (aus verschiedenen Gründen) bewegt wird.

pointerover

Ausgelöst, wenn ein Zeiger in die Treffererkennungsgrenzen eines Elements bewegt wird.

pointerrawupdate

Ausgelöst, wenn ein Zeiger Eigenschaften ändert, die keine pointerdown oder pointerup Ereignisse auslösen.

pointerup

Ausgelöst, wenn ein Zeiger nicht mehr aktiv ist.

Scroll-Ereignisse

scroll

Ausgelöst, wenn die Dokumentansicht oder ein Element gescrollt wird.

scrollend

Wird ausgelöst, wenn das Scrollen der Dokumentansicht abgeschlossen ist.

scrollsnapchange Experimentell

Wird am Scroll-Container am Ende eines Scrollvorgangs ausgelöst, wenn ein neues Scroll-Snap-Ziel ausgewählt wurde.

scrollsnapchanging Experimentell

Wird am Scroll-Container ausgelöst, wenn der Browser feststellt, dass ein neues Scroll-Snap-Ziel ansteht, d.h. es wird ausgewählt, wenn die aktuelle Scrollgeste endet.

Touchereignisse

gesturechange Nicht standardisiert

Ausgelöst, wenn sich die Finger während einer Berührungsgeste bewegen.

gestureend Nicht standardisiert

Ausgelöscht, wenn keine weiteren Finger mehr die Berührungsoberfläche berühren und damit die Geste endet.

gesturestart Nicht standardisiert

Ausgelöst, wenn mehrere Finger die Berührungsoberfläche berühren und damit eine neue Geste beginnen.

touchcancel

Ausgelöst, wenn eine oder mehrere Berührungspunkte in einer implementierungsspezifischen Weise gestört wurden (z. B. werden zu viele Berührungspunkte erstellt).

touchend

Ausgelöst, wenn eine oder mehrere Berührungspunkte von der Berührungsoberfläche entfernt werden.

touchmove

Ausgelöst, wenn eine oder mehrere Berührungspunkte entlang der Berührungsoberfläche bewegt werden.

touchstart

Ausgelöst, wenn eine oder mehr Berührungspunkte auf der Berührungsoberfläche platziert werden.

Übergangsereignisse

transitioncancel

Ein Event, ausgelöst, wenn ein CSS-Übergang abgebrochen wurde.

transitionend

Ein Event, ausgelöst, wenn ein CSS-Übergang abgespielt wurde.

transitionrun

Ein Event, ausgelöst, wenn ein CSS-Übergang erstellt wird (d.h. wenn er zu einer Menge von laufenden Übergängen hinzugefügt wird), jedoch nicht notwendigerweise begonnen hat.

transitionstart

Ein Event, ausgelöst, wenn ein CSS-Übergang zu übertragen 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