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
.
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 derPerformanceElementTiming
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, odernull
, 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 alsDOMTokenList
. 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, odernull
, 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 dasaria-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. -
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 eineraria-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 zuaria-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, einercombobox
, einertextbox
, einergroup
oder einerapplication
liegt. Widerspiegelt dasaria-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 desElement
ein, direkt nach demElement
. 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 desElement
ein, direkt vor demElement
. 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 zuCSSStyleDeclaration
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
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
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.
-
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
oderpointerup
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.