Element
Baseline
Widely available
*
This feature is well established and works across many devices and browser versions. It’s been available across browsers since Juli 2015.
* Some parts of this feature may have varying levels of support.
Element
ist die allgemeinste Basisklasse, von der alle Elementobjekte (z. B. Objekte, die Elemente repräsentieren) in einem Document
erben. Sie hat nur Methoden und Eigenschaften, die allen Arten von Elementen gemeinsam sind. Spezifischere Klassen erben von Element
.
Zum Beispiel ist das HTMLElement
Interface das Basisinterface für HTML-Elemente. In ähnlicher Weise ist das SVGElement
Interface die Grundlage für alle SVG-Elemente, und das MathMLElement
Interface das Basisinterface für MathML-Elemente. Die meiste Funktionalität wird weiter unten in der Klassenhierarchie spezifiziert.
Sprachen außerhalb der Webplattform, wie XUL über das XULElement
Interface, implementieren ebenfalls Element
.
Instanzeigenschaften
Element
erbt Eigenschaften von seinem übergeordneten Interface, Node
, und damit von dessen übergeordnetem Interface, EventTarget
.
Element.assignedSlot
Schreibgeschützt-
Gibt ein
HTMLSlotElement
zurück, das das<slot>
repräsentiert, in das der Knoten eingefügt ist. Element.attributes
Schreibgeschützt-
Gibt ein
NamedNodeMap
Objekt zurück, das die zugewiesenen Attribute des entsprechenden HTML-Elements enthält. Element.childElementCount
Schreibgeschützt-
Gibt die Anzahl der Kindelemente dieses Elements zurück.
Element.children
Schreibgeschützt-
Gibt die Kindelemente dieses Elements zurück.
Element.classList
Schreibgeschützt-
Gibt eine
DOMTokenList
zurück, die die Liste der Klassenattribute enthält. Element.className
-
Ein String, der die Klasse des Elements darstellt.
Element.clientHeight
Schreibgeschützt-
Gibt eine Zahl zurück, die die innere Höhe des Elements darstellt.
Element.clientLeft
Schreibgeschützt-
Gibt eine Zahl zurück, die die Breite des linken Rahmens des Elements darstellt.
Element.clientTop
Schreibgeschützt-
Gibt eine Zahl zurück, die die Breite des oberen Rahmens des Elements darstellt.
Element.clientWidth
Schreibgeschützt-
Gibt eine Zahl zurück, die die innere Breite des Elements darstellt.
Element.currentCSSZoom
Schreibgeschützt-
Eine Zahl, die die effektive Zoomgröße des Elements angibt, oder 1.0, wenn das Element nicht gerendert wird.
Element.elementTiming
Experimentell-
Ein String, der das
elementtiming
Attribut widerspiegelt, das ein Element zur Beobachtung in derPerformanceElementTiming
API markiert. Element.firstElementChild
Schreibgeschützt-
Gibt das erste Kindelement dieses Elements zurück.
Element.id
-
Ein String, der die ID des Elements darstellt.
Element.innerHTML
-
Ein String, der das Markup des Inhalts des Elements darstellt.
Element.lastElementChild
Schreibgeschützt-
Gibt das letzte Kindelement dieses Elements zurück.
Element.localName
Schreibgeschützt-
Ein String, der den lokalen Teil des qualifizierten Namens des Elements darstellt.
Element.namespaceURI
Schreibgeschützt-
Der Namespace-URI des Elements, oder
null
, wenn kein Namespace vorhanden ist. Element.nextElementSibling
Schreibgeschützt-
Ein
Element
, das Element, das unmittelbar dem gegebenen in der Baumstruktur folgt, odernull
, wenn es kein Geschwisterknoten gibt. Element.outerHTML
-
Ein String, der das Markup des Elements einschließlich dessen Inhalt darstellt. Wenn er als Setter verwendet wird, ersetzt er das Element durch Knoten, die aus dem angegebenen String geparst werden.
Element.part
-
Repräsentiert die Teil-Kennungen des Elements (d.h. gesetzt durch das
part
Attribut), zurückgegeben alsDOMTokenList
. Element.prefix
Schreibgeschützt-
Ein String, der das Namespace-Präfix des Elements darstellt, oder
null
, wenn kein Präfix angegeben ist. Element.previousElementSibling
Schreibgeschützt-
Ein
Element
, das unmittelbar vorangehende Element des gegebenen in der Baumstruktur, odernull
, wenn es kein Geschwisterelement gibt. Element.scrollHeight
Schreibgeschützt-
Gibt eine Zahl zurück, die die Scrollansicht-Höhe eines Elements darstellt.
Element.scrollLeft
-
Eine Zahl, die den linken Bildlauf-Versatz des Elements darstellt.
Element.scrollLeftMax
Nicht standardisiert Schreibgeschützt-
Gibt eine Zahl zurück, die den maximal möglichen linken Bildlauf-Versatz für das Element darstellt.
Element.scrollTop
-
Eine Zahl, die die Anzahl der Pixel darstellt, um die das obere Ende des Elements vertikal gescrollt ist.
Element.scrollTopMax
Nicht standardisiert Schreibgeschützt-
Gibt eine Zahl zurück, die den maximal möglichen oberen Bildlauf-Versatz für das Element darstellt.
Element.scrollWidth
Schreibgeschützt-
Gibt eine Zahl zurück, die die Scrollansicht-Breite des Elements darstellt.
Element.shadowRoot
Schreibgeschützt-
Gibt den offenen Shadow Root zurück, der durch das Element gehostet wird, oder null, wenn kein offener Shadow Root vorhanden ist.
Element.slot
-
Gibt den Namen des Shadow-DOM-Slots zurück, in den das Element eingesetzt wird.
Element.tagName
Schreibgeschützt-
Gibt einen String mit dem Namen des Tags für das gegebene Element zurück.
Instanzeigenschaften aus ARIA
Die Element
Schnittstelle umfasst auch die folgenden Eigenschaften.
Element.ariaAtomic
-
Ein String, der das
aria-atomic
Attribut widerspiegelt, das angibt, ob unterstützende Technologien alle oder nur Teile des geänderten Bereichs basierend auf den durch dasaria-relevant
Attribut definierten Änderungsbenachrichtigungen präsentieren. Element.ariaAutoComplete
-
Ein String, der das
aria-autocomplete
Attribut widerspiegelt, das angibt, ob die Eingabe von Text eine oder mehrere Vorhersagen des vom Benutzer beabsichtigten Wertes für eine Combobox, Suchbox oder Textbox auslösen könnte und wie diese Vorhersagen präsentiert würden, falls sie gemacht werden. Element.ariaBrailleLabel
-
Ein String, der das
aria-braillelabel
Attribut widerspiegelt, das das Braille-Label des Elements definiert. Element.ariaBrailleRoleDescription
-
Ein String, der das
aria-brailleroledescription
Attribut widerspiegelt, das die ARIA-Braille-Rollenbeschreibung des Elements definiert. Element.ariaBusy
-
Ein String, der das
aria-busy
Attribut widerspiegelt, das angibt, ob ein Element geändert wird, da unterstützende Technologien möglicherweise warten möchten, bis die Änderungen abgeschlossen sind, bevor sie dem Benutzer präsentiert werden. Element.ariaChecked
-
Ein String, der das
aria-checked
Attribut widerspiegelt, das den aktuellen "gecheckten" Zustand von Kontrollkästchen, Optionsfeldern und anderen Widgets mit einem überprüften Zustand anzeigt. Element.ariaColCount
-
Ein String, der das
aria-colcount
Attribut widerspiegelt, das die Anzahl der Spalten in einer Tabelle, einem Raster oder einem Baumraster definiert. Element.ariaColIndex
-
Ein String, der das
aria-colindex
Attribut widerspiegelt, das den Spaltenindex oder die Position eines Elements im Verhältnis zur Gesamtanzahl der Spalten innerhalb einer Tabelle, eines Rasters oder eines Baumrasters definiert. Element.ariaColIndexText
-
Ein String, der das
aria-colindextext
Attribut widerspiegelt, das einen menschenlesbaren textuellen Ersatz für aria-colindex definiert. Element.ariaColSpan
-
Ein String, der das
aria-colspan
Attribut widerspiegelt, das die Anzahl der durch eine Zelle oder Rasterzelle innerhalb einer Tabelle, eines Rasters oder eines Baumrasters überspannten Spalten definiert. Element.ariaCurrent
-
Ein String, der das
aria-current
Attribut widerspiegelt, das das Element anzeigt, das das aktuelle Element innerhalb eines Containers oder einer Gruppe verwandter Elemente darstellt. Element.ariaDescription
-
Ein String, der das
aria-description
Attribut widerspiegelt, das einen Zeichenfolgenwert definiert, der das aktuelle Element beschreibt oder kommentiert. Element.ariaDisabled
-
Ein String, der das
aria-disabled
Attribut widerspiegelt, das anzeigt, dass das Element wahrnehmbar, aber deaktiviert ist, sodass es nicht bearbeitbar oder anderweitig bedienbar ist. Element.ariaExpanded
-
Ein String, der das
aria-expanded
Attribut widerspiegelt, das angibt, ob ein von diesem Element besessener oder kontrollierter Gruppierungselement erweitert oder zusammengeklappt ist. Element.ariaHasPopup
-
Ein String, der das
aria-haspopup
Attribut widerspiegelt, das die Verfügbarkeit und den Typ eines interaktiven Popupelements anzeigt, wie z. B. Menü oder Dialog, das durch ein Element ausgelöst werden kann. -
Ein String, der das
aria-hidden
Attribut widerspiegelt, das angibt, ob das Element einer Barrierefreiheits-API ausgesetzt ist. Element.ariaInvalid
-
Ein String, der das
aria-invalid
Attribut widerspiegelt, das anzeigt, dass der eingegebene Wert nicht dem vom Programm erwarteten Format entspricht. Element.ariaKeyShortcuts
-
Ein String, der das
aria-keyshortcuts
Attribut widerspiegelt, das Tastenkombinationen angibt, die ein Autor implementiert hat, um ein Element zu aktivieren oder den Fokus darauf zu setzen. Element.ariaLabel
-
Ein String, der das
aria-label
Attribut widerspiegelt, das einen Zeichenfolgenwert definiert, der das aktuelle Element bezeichnet. Element.ariaLevel
-
Ein String, der das
aria-level
Attribut widerspiegelt, das die hierarchische Ebene eines Elements innerhalb einer Struktur definiert. Element.ariaLive
-
Ein String, der das
aria-live
Attribut widerspiegelt, das anzeigt, dass ein Element aktualisiert wird und die Arten von Aktualisierungen beschreibt, die Benutzeragenten, unterstützende Technologien und Benutzer von der Live-Region erwarten können. Element.ariaModal
-
Ein String, der das
aria-modal
Attribut widerspiegelt, das angibt, ob ein Element bei Anzeige modal ist. Element.ariaMultiline
-
Ein String, der das
aria-multiline
Attribut widerspiegelt, das angibt, ob ein Textfeld mehrere Zeilen Eingaben oder nur eine einzelne Zeile akzeptiert. Element.ariaMultiSelectable
-
Ein String, der das
aria-multiselectable
Attribut widerspiegelt, das angibt, dass der Benutzer mehr als ein Element von den aktuell auswählbaren Nachfahren auswählen kann. Element.ariaOrientation
-
Ein String, der das
aria-orientation
Attribut widerspiegelt, das angibt, ob die Orientierung des Elements horizontal, vertikal oder unbekannt/mehrdeutig ist. Element.ariaPlaceholder
-
Ein String, der das
aria-placeholder
Attribut widerspiegelt, das einen kurzen Hinweis definiert, um dem Benutzer bei der Dateneingabe zu helfen, wenn das Steuerelement keinen Wert enthält. Element.ariaPosInSet
-
Ein String, der das
aria-posinset
Attribut widerspiegelt, das die Nummer oder Position eines Elements im aktuellen Satz von Listitems oder Treeitems definiert. Element.ariaPressed
-
Ein String, der das
aria-pressed
Attribut widerspiegelt, das den aktuellen "gedrückten" Zustand von Umschaltknöpfen anzeigt. Element.ariaReadOnly
-
Ein String, der das
aria-readonly
Attribut widerspiegelt, das angibt, dass das Element nicht bearbeitbar ist, aber dennoch bedienbar ist. Element.ariaRelevant
Nicht standardisiert-
Ein String, der das
aria-relevant
Attribut widerspiegelt, das angibt, welche Benachrichtigungen der Benutzeragent auslösen wird, wenn der Barrierefreiheitsbaum innerhalb einer Live-Region geändert wird. Dies wird verwendet, um zu beschreiben, welche Änderungen in eineraria-live
Region relevant sind und angekündigt werden sollten. Element.ariaRequired
-
Ein String, der das
aria-required
Attribut widerspiegelt, das angibt, dass Benutzereingabe auf dem Element erforderlich ist, bevor ein Formular eingereicht werden kann. Element.ariaRoleDescription
-
Ein String, der das
aria-roledescription
Attribut widerspiegelt, das eine menschenlesbare, vom Autor lokalisierte Beschreibung der Rolle eines Elements definiert. Element.ariaRowCount
-
Ein String, der das
aria-rowcount
Attribut widerspiegelt, das die Gesamtanzahl der Zeilen in einer Tabelle, einem Raster oder einem Baumraster definiert. Element.ariaRowIndex
-
Ein String, der das
aria-rowindex
Attribut widerspiegelt, das den Zeilenindex oder die Position eines Elements im Verhältnis zur Gesamtanzahl der Zeilen innerhalb einer Tabelle, eines Rasters oder eines Baumrasters definiert. Element.ariaRowIndexText
-
Ein String, der das
aria-rowindextext
Attribut widerspiegelt, das einen menschenlesbaren textuellen Ersatz für aria-rowindex definiert. Element.ariaRowSpan
-
Ein String, der das
aria-rowspan
Attribut widerspiegelt, das die Anzahl der durch eine Zelle oder Rasterzelle innerhalb einer Tabelle, eines Rasters oder eines Baumrasters überspannten Zeilen definiert. Element.ariaSelected
-
Ein String, der das
aria-selected
Attribut widerspiegelt, das den aktuellen "ausgewählten" Zustand von Elementen anzeigt, die einen ausgewählten Zustand haben. Element.ariaSetSize
-
Ein String, der das
aria-setsize
Attribut widerspiegelt, das die Anzahl der Elemente im aktuellen Satz von Listitems oder Treeitems definiert. Element.ariaSort
-
Ein String, der das
aria-sort
Attribut widerspiegelt, das angibt, ob Elemente in einer Tabelle oder einem Raster in aufsteigender oder absteigender Reihenfolge sortiert sind. Element.ariaValueMax
-
Ein String, der das
aria-valueMax
Attribut widerspiegelt, das den maximal zulässigen Wert für ein Bereichs-Widget definiert. Element.ariaValueMin
-
Ein String, der das
aria-valueMin
Attribut widerspiegelt, das den minimal zulässigen Wert für ein Bereichs-Widget definiert. Element.ariaValueNow
-
Ein String, der das
aria-valueNow
Attribut widerspiegelt, das den aktuellen Wert für ein Bereichs-Widget definiert. Element.ariaValueText
-
Ein String, der das
aria-valuetext
Attribut widerspiegelt, das den menschenlesbaren textuellen Ersatz vonaria-valuenow
für ein Bereichs-Widget definiert. Element.role
-
Ein String, der das explizit festgelegte
role
Attribut widerspiegelt, das die semantische Rolle des Elements bereitstellt.
Instanzeigenschaften, die von ARIA-Elementreferenzen widergespiegelt werden
Die Eigenschaften spiegeln die Elemente wider, die durch id
Referenz in den entsprechenden Attributen angegeben sind, jedoch mit einigen Ausnahmen. Siehe Reflektierte Elementreferenzen im Reflektierte Attribute Leitfaden für weitere Informationen.
Element.ariaActiveDescendantElement
-
Ein Element, das das derzeit aktive Element repräsentiert, wenn der Fokus auf einem
composite
Widget, einercombobox
, einertextbox
, einergroup
oder einerapplication
liegt. Widerspiegelt dasaria-activedescendant
Attribut. Element.ariaControlsElements
-
Ein Array von Elementen, deren Inhalte oder Anwesenheit durch das Element, auf das es angewendet wird, kontrolliert werden. Widerspiegelt das
aria-controls
Attribut. Element.ariaDescribedByElements
-
Ein Array von Elementen, die die barrierefreie Beschreibung für das Element bereitstellen, auf das es angewendet wird. Widerspiegelt das
aria-describedby
Attribut. Element.ariaDetailsElements
-
Ein Array von Elementen, die barrierefreie Details für das Element bereitstellen, auf das es angewendet wird. Widerspiegelt das
aria-details
Attribut. Element.ariaErrorMessageElements
-
Ein Array von Elementen, die eine Fehlermeldung für das Element bereitstellen, auf das es angewendet wird. Widerspiegelt das
aria-errormessage
Attribut. Element.ariaFlowToElements
-
Ein Array von Elementen, das das nächste Element (oder die nächsten Elemente) in einer alternativen Lesereihenfolge des Inhalts identifiziert und die allgemeine Standardlesereihenfolge nach Ermessen des Benutzers außer Kraft setzt. Widerspiegelt das
aria-flowto
Attribut. Element.ariaLabelledByElements
-
Ein Array von Elementen, die den barrierefreien Namen für das Element bereitstellen, auf das es angewendet wird. Widerspiegelt das
aria-labelledby
Attribut. Element.ariaOwnsElements
-
Ein Array von Elementen, das von dem Element, auf das dies angewendet wird, besessen wird. Dies wird verwendet, um eine visuelle, funktionale oder kontextuelle Beziehung zwischen einem übergeordneten und seinen Kindelementen zu definieren, wenn die DOM-Hierarchie nicht verwendet werden kann, um die Beziehung darzustellen. Widerspiegelt das
aria-owns
Attribut.
Instanzmethoden
Element
erbt Methoden von seinen übergeordneten Node
und seinem eigenen übergeordneten Interface, EventTarget
.
Element.after()
-
Fügt eine Reihe von
Node
Objekten oder Strings in die Kinderliste des Elternteils 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.ariaNotify()
Experimentell Nicht standardisiert-
Gibt an, dass ein gegebener Text von einem Bildschirmlesegerät angekündigt werden sollte.
Element.append()
-
Fügt eine Reihe von
Node
Objekten oder Strings nach dem letzten Kind des Elements ein. Element.attachShadow()
-
Bindet einen Shadow-DOM-Baum an das spezifizierte Element und gibt eine Referenz zu dessen
ShadowRoot
zurück. Element.before()
-
Fügt eine Reihe von
Node
Objekten oder Strings in die Kinderliste des Elternteils desElement
ein, direkt vor demElement
. Element.checkVisibility()
-
Gibt zurück, ob ein Element voraussichtlich sichtbar ist oder nicht, basierend auf konfigurierbaren Überprüfungen.
Element.closest()
-
Gibt das
Element
zurück, das der nächste Vorgänger des aktuellen Elements ist (oder das aktuelle Element selbst), welches die gegebenen Selektoren im Parameter erfüllt. Element.computedStyleMap()
-
Gibt eine
StylePropertyMapReadOnly
Schnittstelle zurück, die eine schreibgeschützte Darstellung eines CSS-Deklarationsblocks bietet, welcher eine Alternative zuCSSStyleDeclaration
darstellt. Element.getAnimations()
-
Gibt ein Array von Animation Objekten zurück, die derzeit auf dem Element aktiv sind.
Element.getAttribute()
-
Ruft den Wert des benannten Attributs vom aktuellen Knoten ab und gibt ihn als String zurück.
Element.getAttributeNames()
-
Gibt ein Array von Attributnamen vom aktuellen Element zurück.
Element.getAttributeNode()
-
Ruft die Knotenrepräsentation des benannten Attributs vom aktuellen Knoten ab und gibt es als
Attr
zurück. Element.getAttributeNodeNS()
-
Ruft die Knotenrepräsentation des Attributs mit dem angegebenen Namen und Namespace vom aktuellen Knoten ab und gibt es als
Attr
zurück. Element.getAttributeNS()
-
Ruft den Wert des Attributs mit dem angegebenen Namespace und Namen vom aktuellen Knoten ab und gibt ihn als String zurück.
Element.getBoundingClientRect()
-
Gibt die Größe eines Elements und seine Position relativ zum Ansichtsfenster zurück.
Element.getBoxQuads()
Experimentell-
Gibt eine Liste von
DOMQuad
Objekten zurück, die die CSS-Fragmentierungen des Knotens repräsentieren. Element.getClientRects()
-
Gibt eine Sammlung von Rechtecken zurück, die die Begrenzungsrechtecke für jede Textzeile in einem Client anzeigt.
Element.getElementsByClassName()
-
Gibt eine Echtzeit-
HTMLCollection
zurück, die alle Nachkommen des aktuellen Elements enthält, die die im Parameter angegebene Liste von Klassen besitzen. Element.getElementsByTagName()
-
Gibt eine Echtzeit-
HTMLCollection
zurück, die alle Nachkommen eines bestimmten Tag-Namens des aktuellen Elements umfasst. Element.getElementsByTagNameNS()
-
Gibt eine Echtzeit-
HTMLCollection
zurück, die alle Nachkommen eines bestimmten Tag-Namens und Namespace des aktuellen Elements umfasst. Element.getHTML()
-
Gibt den DOM-Inhalt des Elements als HTML-String zurück, optional einschließlich eines Shadow-DOM.
Element.hasAttribute()
-
Gibt einen booleschen Wert zurück, der angibt, ob das Element das spezifizierte Attribut hat oder nicht.
Element.hasAttributeNS()
-
Gibt einen booleschen Wert zurück, der angibt, ob das Element das spezifizierte Attribut im angegebenen Namespace hat oder nicht.
Element.hasAttributes()
-
Gibt einen booleschen Wert zurück, der angibt, ob das Element ein oder mehrere HTML-Attribute hat.
Element.hasPointerCapture()
-
Gibt an, ob das Element, auf dem es aufgerufen wurde, Zeigererfassung für den durch die gegebene Zeiger-ID identifizierten Zeiger hat.
Element.insertAdjacentElement()
-
Fügt ein gegebenes Elementknot an einer angegebenen Position relativ zu dem Element ein, auf das es aufgerufen wurde.
Element.insertAdjacentHTML()
-
Parst den Text als HTML oder XML und fügt die resultierenden Knoten in der angegebenen Position in den Baum ein.
Element.insertAdjacentText()
-
Fügt einen gegebenen Textknoten an einer angegebenen Position relativ zu dem Element ein, auf das es aufgerufen wurde.
Element.matches()
-
Gibt einen booleschen Wert zurück, der angibt, ob das Element durch den angegebenen Selektorstring ausgewählt werden würde oder nicht.
Element.moveBefore()
-
Verschiebt einen gegebenen
Node
innerhalb des aufrufenden Knotens als direktes Kind vor einen gegebenen Referenzknoten, ohne den Knoten zu entfernen und dann wieder einzufügen. Element.prepend()
-
Fügt eine Reihe von
Node
Objekten oder Strings vor dem ersten Kind des Elements ein. Element.querySelector()
-
Gibt den ersten
Node
zurück, der dem spezifizierten Selektorstring relativ zu dem Element entspricht. Element.querySelectorAll()
-
Gibt eine
NodeList
von Knoten zurück, die dem spezifizierten Selektorstring relativ zu dem Element entsprechen. Element.releasePointerCapture()
-
Hebt die Zeigererfassung auf (hört auf), die zuvor für ein spezifisches
PointerEvent
gesetzt wurde. Element.remove()
-
Entfernt das Element aus der Kinderliste seines Elternteils.
Element.removeAttribute()
-
Entfernt das benannte Attribut vom aktuellen Knoten.
Element.removeAttributeNode()
-
Entfernt die Knotenrepräsentation des benannten Attributs vom aktuellen Knoten.
Element.removeAttributeNS()
-
Entfernt das Attribut mit dem angegebenen Namen und Namespace vom aktuellen Knoten.
Element.replaceChildren()
-
Ersetzt die bestehenden Kinder eines
Node
durch eine spezifizierte neue Menge von Kindern. Element.replaceWith()
-
Ersetzt das Element in der Kinderliste seines Elternteils mit einer Menge von
Node
Objekten oder Strings. Element.requestFullscreen()
-
Fragt den Browser asynchron an, das Element im Vollbildmodus anzuzeigen.
Element.requestPointerLock()
-
Ermöglicht es, asynchron die Zeigererfassung für das gegebene Element anzufordern.
Element.scroll()
-
Scrollt zu einem bestimmten Koordinatensatz innerhalb eines gegebenen Elements.
Element.scrollBy()
-
Scrollt ein Element um den angegebenen Betrag.
Element.scrollIntoView()
-
Scrollt die Seite, bis das Element in den Blick gerät.
Element.scrollIntoViewIfNeeded()
Nicht standardisiert-
Scrollt das aktuelle Element in den sichtbaren Bereich des Browserfensters, falls es sich nicht bereits dort befindet. Verwenden Sie stattdessen die Standardmethode
Element.scrollIntoView()
. Element.scrollTo()
-
Scrollt zu einem bestimmten Koordinatensatz innerhalb eines gegebenen Elements.
Element.setAttribute()
-
Setzt den Wert eines benannten Attributes des aktuellen Knotens.
Element.setAttributeNode()
-
Setzt die Knotenrepräsentation des benannten Attributs vom aktuellen Knoten.
Element.setAttributeNodeNS()
-
Setzt die Knotenrepräsentation des Attributs mit dem spezifizierten Namen und Namespace vom aktuellen Knoten.
Element.setAttributeNS()
-
Setzt den Wert des Attributs mit dem spezifizierten Namen und Namespace vom aktuellen Knoten.
Element.setCapture()
Nicht standardisiert Veraltet-
Richtet die Mausereigniserfassung ein, um alle Mausereignisse an dieses Element umzuleiten.
Element.setHTML()
Sicherer Kontext Experimentell-
Parst und desinfiziert einen HTML-String in ein Dokumentfragment, das dann den ursprünglichen Unterbaum des Elements im DOM ersetzt.
Element.setHTMLUnsafe()
-
Parst einen HTML-String in ein Dokumentfragment, ohne Desinfizierung, das dann den ursprünglichen Unterbaum des Elements im DOM ersetzt. Der HTML-String kann deklarative Shadow-Roots enthalten, die als Vorlagenelemente geparst würden, wenn das HTML mit
Element.innerHTML
gesetzt würde. Element.setPointerCapture()
-
Bestimmt ein spezifisches Element als das Ziel für die zukünftige Erfassung von Zeigerereignissen.
Element.toggleAttribute()
-
Wechselt ein boolesches Attribut, indem es entfernt wird, falls es vorhanden ist, und hinzugefügt wird, falls es nicht vorhanden ist, auf dem spezifizierten Element.
Ereignisse
Hören Sie auf diese Ereignisse mit addEventListener()
oder indem Sie einen Ereignis-Listener der oneventname
Eigenschaft dieses Interfaces zuweisen.
afterscriptexecute
Nicht standardisiert Veraltet-
Wird ausgelöst, wenn ein Skript ausgeführt wurde.
beforeinput
-
Wird ausgelöst, wenn der Wert eines Eingabeelements kurz davor ist, geändert zu werden.
beforematch
-
Wird auf einem Element ausgelöst, das sich im Zustand versteckt, bis gefunden befindet, wenn der Browser dabei ist, seinen Inhalt anzuzeigen, weil der Benutzer den Inhalt über die "Seite durchsuchen"-Funktion oder durch Fragmentnavigation gefunden hat.
beforescriptexecute
Nicht standardisiert Veraltet-
Wird ausgelöst, wenn ein Skript kurz vor der Ausführung steht.
beforexrselect
Experimentell-
Wird vor den WebXR-Auswahlevents (
select
,selectstart
,selectend
) ausgelöst. contentvisibilityautostatechange
-
Wird auf jedem Element mit
content-visibility: auto
gesetzt, wenn es anfängt oder aufhört, für den Benutzer relevant zu sein, und seinen Inhalt zu überspringen. input
-
Wird ausgelöst, wenn sich der Wert eines Elements als direktes Ergebnis einer Benutzeraktion ändert.
securitypolicyviolation
-
Wird ausgelöst, wenn eine Content Security Policy verletzt wird.
wheel
-
Wird ausgelöst, wenn der Benutzer ein Rad an einem Zeigegerät (typischerweise einer Maus) dreht.
Animation Ereignisse
animationcancel
-
Wird ausgelöst, wenn eine Animation unerwartet abbricht.
animationend
-
Wird ausgelöst, wenn eine Animation normal abgeschlossen ist.
animationiteration
-
Wird ausgelöst, wenn eine Wiederholung einer Animation abgeschlossen ist.
animationstart
-
Wird ausgelöst, wenn eine Animation startet.
Zwischenablage Ereignisse
copy
-
Wird ausgelöst, wenn der Benutzer eine Kopieraktion über die Benutzeroberfläche des Browsers initiiert.
cut
-
Wird ausgelöst, wenn der Benutzer eine Ausschneideaktion über die Benutzeroberfläche des Browsers initiiert.
paste
-
Wird ausgelöst, wenn der Benutzer eine Einfügeaktion über die Benutzeroberfläche des Browsers initiiert.
Kompositionsereignisse
compositionend
-
Wird ausgelöst, wenn ein Textzusammensetzungssystem wie ein Eingabemethoden-Editor die aktuelle Zusammensetzungs-Session abschließt oder abbricht.
compositionstart
-
Wird ausgelöst, wenn ein Textzusammensetzungssystem wie ein Eingabemethoden-Editor eine neue Zusammensetzungs-Session startet.
compositionupdate
-
Wird ausgelöst, wenn im Kontext einer Textzusammensetzungs-Session, die durch ein Textzusammensetzungssystem wie ein Eingabemethoden-Editor gesteuert wird, ein neues Zeichen empfangen wird.
Fokus Ereignisse
Vollbild Ereignisse
fullscreenchange
-
Wird an ein
Element
gesendet, wenn es in oder aus dem Vollbildmodus wechselt. fullscreenerror
-
Wird an ein
Element
gesendet, wenn ein Fehler auftritt, während versucht wird, es in den oder aus dem Vollbildmodus zu wechseln.
Tastaturereignisse
Mausereignisse
auxclick
-
Wird ausgelöst, wenn eine nicht-primäre Taste eines Zeigegeräts (z. B. eine andere Maustaste als die linke Taste) auf einem Element gedrückt und losgelassen wird.
click
-
Wird ausgelöst, wenn eine Taste eines Zeigegeräts (z. B. die Haupttaste einer Maus) auf einem einzelnen Element gedrückt und losgelassen wird.
-
Wird ausgelöst, wenn der Benutzer versucht, ein Kontextmenü zu öffnen.
dblclick
-
Wird ausgelöst, wenn eine Taste eines Zeigegeräts (z. B. die Haupttaste einer Maus) zweimal auf einem einzelnen Element geklickt wird.
DOMActivate
Veraltet-
Tritt auf, wenn ein Element aktiviert wird, z. B. durch einen Mausklick oder einen Tastendruck.
DOMMouseScroll
Veraltet Nicht standardisiert-
Tritt auf, wenn das Mausrad oder ein ähnliches Gerät betätigt wird und die akkumulierte Scrollmenge seit dem letzten Ereignis über 1 Linie oder 1 Seite beträgt.
mousedown
-
Wird ausgelöst, wenn eine Taste eines Zeigegeräts auf einem Element gedrückt wird.
mouseenter
-
Wird ausgelöst, wenn ein Zeigegerät (normalerweise eine Maus) über das Element bewegt wird, an das der Listener angehängt ist.
mouseleave
-
Wird ausgelöst, wenn der Zeiger eines Zeigegeräts (normalerweise einer Maus) aus einem Element bewegt wird, an das der Listener angehängt ist.
mousemove
-
Wird ausgelöst, wenn ein Zeigegerät (normalerweise eine Maus) über ein Element bewegt wird.
mouseout
-
Wird ausgelöst, wenn ein Zeigegerät (normalerweise eine Maus) aus dem Element, an das der Listener angehängt ist, oder aus einem seiner Kinder bewegt wird.
mouseover
-
Wird ausgelöst, wenn ein Zeigegerät über das Element, an das der Listener angehängt ist, oder eines seiner Kinder bewegt wird.
mouseup
-
Wird ausgelöst, wenn eine Taste eines Zeigegeräts auf einem Element losgelassen wird.
mousewheel
Veraltet Nicht standardisiert-
Wird ausgelöst, wenn ein Mausrad oder ein ähnliches Gerät betätigt wird.
MozMousePixelScroll
Veraltet Nicht standardisiert-
Wird ausgelöst, wenn ein Mausrad oder ein ähnliches Gerät betätigt wird.
webkitmouseforcechanged
Nicht standardisiert-
Wird jedes Mal ausgelöst, wenn sich der Druck auf dem Trackpad-Display ändert.
webkitmouseforcedown
Nicht standardisiert-
Wird nach dem
mousedown
Ereignis ausgelöst, sobald ausreichend Druck angewendet wurde, um als "druckklick" zu qualifizieren. webkitmouseforcewillbegin
Nicht standardisiert-
Wird vor dem
mousedown
Ereignis ausgelöst. webkitmouseforceup
Nicht standardisiert-
Wird nach dem
webkitmouseforcedown
Ereignis ausgelöst, sobald der Druck ausreichend reduziert wurde, um den "kraftklick" zu beenden.
Zeigerereignisse
gotpointercapture
-
Wird ausgelöst, wenn ein Element einen Zeiger mithilfe von
setPointerCapture()
erfasst. lostpointercapture
-
Wird ausgelöst, wenn ein erfasster Zeiger freigegeben wird.
pointercancel
-
Wird ausgelöst, wenn ein Zeigereignis abgebrochen wird.
pointerdown
-
Wird ausgelöst, wenn ein Zeiger aktiv wird.
pointerenter
-
Wird ausgelöst, wenn ein Zeiger in die Treffergrenzen eines Elements oder eines seiner Nachkommen bewegt wird.
pointerleave
-
Wird ausgelöst, wenn ein Zeiger die Treffergrenzen eines Elements verlässt.
pointermove
-
Wird ausgelöst, wenn ein Zeiger seine Koordinaten ändert.
pointerout
-
Wird ausgelöst, wenn ein Zeiger aus den Treffer-Test Grenzen eines Elements bewegt wird (unter anderem aus Gründen).
pointerover
-
Wird ausgelöst, wenn ein Zeiger in die Treffer-Test Grenzen eines Elements bewegt wird.
pointerrawupdate
-
Wird ausgelöst, wenn ein Zeiger Eigenschaften ändert, die keine
pointerdown
oderpointerup
Ereignisse auslösen. pointerup
-
Wird ausgelöst, wenn ein Zeiger nicht mehr aktiv ist.
Scrollereignisse
scroll
-
Wird ausgelöst, wenn das Dokumentfenster oder ein Element gescrollt wurde.
scrollend
-
Wird ausgelöst, wenn das Dokumentfenster den Scrollvorgang abgeschlossen hat.
scrollsnapchange
Experimentell-
Wird am Scroll-Container am Ende eines Scroll-Vorgangs ausgelöst, wenn ein neues Scroll-Snap-Ziel ausgewählt wurde.
scrollsnapchanging
Experimentell-
Wird am Scroll-Container ausgelöst, wenn der Browser feststellt, dass ein neues Scroll-Snap-Ziel aussteht, d.h. es wird ausgewählt, wenn die aktuelle Scroll-Geste endet.
Berührungsereignisse
gesturechange
Nicht standardisiert-
Wird ausgelöst, wenn sich die Finger während einer Berührungsgeste bewegen.
gestureend
Nicht standardisiert-
Wird ausgelöst, wenn nicht mehr mehrere Finger die Berührungsfläche berühren und die Geste somit beendet wird.
gesturestart
Nicht standardisiert-
Wird ausgelöst, wenn mehrere Finger die Berührungsfläche berühren und somit eine neue Geste gestartet wird.
touchcancel
-
Wird ausgelöst, wenn ein oder mehrere Berührungspunkte auf spezifische Weise unterbrochen wurden (zum Beispiel, wenn zu viele Berührungspunkte erstellt werden).
touchend
-
Wird ausgelöst, wenn ein oder mehrere Berührungspunkte von der Berührungsoberfläche entfernt werden.
touchmove
-
Wird ausgelöst, wenn ein oder mehrere Berührungspunkte entlang der Berührungsoberfläche bewegt werden.
touchstart
-
Wird ausgelöst, wenn ein oder mehrere Berührungspunkte auf die Berührungsoberfläche gesetzt werden.
Übergangsereignisse
transitioncancel
-
Ein
Event
, das ausgelöst wird, wenn ein CSS-Übergang abgebrochen wird. transitionend
-
Ein
Event
, das ausgelöst wird, wenn ein CSS-Übergang abgeschlossen ist. transitionrun
-
Ein
Event
, das ausgelöst wird, wenn ein CSS-Übergang erstellt wird (d.h. wenn er zu einer Menge laufender Übergänge hinzugefügt wird), obwohl er möglicherweise noch nicht gestartet ist. transitionstart
-
Ein
Event
, das ausgelöst wird, wenn ein CSS-Übergang zu Übergangsveränderungen startet.
Spezifikationen
Browser-Kompatibilität
Loading…