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 allgemeine Basisklasse, von der alle Element-Objekte (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 das Basis-Interface für HTML-Elemente. Ebenso ist das SVGElement
Interface die Grundlage für alle SVG-Elemente, und das MathMLElement
Interface ist das Basis-Interface für MathML-Elemente. Die meisten Funktionen sind weiter unten in der Klassenehierarchie 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 in der Erweiterung dieses übergeordneten Interfaces EventTarget
.
Element.assignedSlot
Schreibgeschützt-
Gibt ein
HTMLSlotElement
zurück, das das<slot>
darstellt, 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 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 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 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 kein Geschwisterelement gibt. Element.outerHTML
-
Ein String, der das Markup des Elements einschließlich seines Inhalts repräsentiert. Wenn es als Setter verwendet wird, ersetzt es das Element mit Knoten, die aus dem angegebenen String analysiert wurden.
Element.part
-
Repräsentiert die Teil-Identifikatoren des Elements (d.h. festgelegt mit dem
part
Attribut), 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 vor dem gegebenen im Baum steht, odernull
, wenn es kein Geschwisterelement gibt. Element.scrollHeight
Schreibgeschützt-
Gibt eine Zahl zurück, die die Scroll-Ansichtshöhe eines Elements darstellt.
Element.scrollLeft
-
Eine Zahl, die den linken Scroll-Versatz des Elements repräsentiert.
Element.scrollLeftMax
Nicht standardisiert Schreibgeschützt-
Gibt eine Zahl zurück, die den maximalen linken Scroll-Versatz repräsentiert, der für das Element möglich ist.
Element.scrollTop
-
Eine Zahl, die die Anzahl der Pixel repräsentiert, die die Oberseite des Elements vertikal gescrollt ist.
Element.scrollTopMax
Nicht standardisiert Schreibgeschützt-
Gibt eine Zahl zurück, die den maximalen oberen Scroll-Versatz repräsentiert, der für das Element möglich ist.
Element.scrollWidth
Schreibgeschützt-
Gibt eine Zahl zurück, die die Scroll-Ansichtbreite des Elements darstellt.
Element.shadowRoot
Schreibgeschützt-
Gibt den offenen Shadow-Root zurück, der von dem 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 eingefügt wird.
Element.tagName
Schreibgeschützt-
Gibt einen String mit dem Namen des Tags für das gegebene Element zurück.
Eingeschlossene Instanzeigenschaften von ARIA
Das Element
Interface 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 werden. Element.ariaAutoComplete
-
Ein String, der das
aria-autocomplete
Attribut widerspiegelt, das angibt, ob die Eingabe von Text das Anzeigen einer oder mehrerer Vorhersagen des beabsichtigten Werts für ein Combobox, Suchfeld oder Textfeld 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, das die Braille-Beschriftung 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 modifiziert wird, da unterstützende Technologien möglicherweise warten möchten, bis die Modifikationen abgeschlossen sind, bevor sie dem Benutzer angezeigt werden. Element.ariaChecked
-
Ein String, der das
aria-checked
Attribut widerspiegelt, das den aktuellen "geprüften" Zustand von Kontrollkästchen, Optionsfeldern und anderen Widgets angibt, die einen geprüften Zustand haben. 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 die Spaltenindex oder 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 eine menschenlesbare Textalternative zu aria-colindex definiert. Element.ariaColSpan
-
Ein String, der das
aria-colspan
Attribut widerspiegelt, das die Anzahl der von einer 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 angibt, das das aktuelle Element innerhalb eines Containers oder einer Gruppe verwandter Elemente repräsentiert. Element.ariaDescription
-
Ein String, der das
aria-description
Attribut widerspiegelt, das einen String-Wert definiert, der das aktuelle Element beschreibt oder kommentiert. Element.ariaDisabled
-
Ein String, der das
aria-disabled
Attribut widerspiegelt, das angibt, dass das Element wahrnehmbar, aber deaktiviert ist, so dass es nicht bearbeitet oder in anderer Weise bedient werden kann. Element.ariaExpanded
-
Ein String, der das
aria-expanded
Attribut widerspiegelt, das angibt, ob ein Gruppierungselement, das von diesem Element besessen oder kontrolliert wird, erweitert oder eingeklappt ist. Element.ariaHasPopup
-
Ein String, der das
aria-haspopup
Attribut widerspiegelt, das die Verfügbarkeit und den Typ eines interaktiven Popup-Elements angibt, wie z. B. ein Menü oder ein Dialog, das durch ein Element ausgelöst werden kann. -
Ein String, der das
aria-hidden
Attribut widerspiegelt, das angibt, ob das Element einer Zugangs-API ausgesetzt ist. Element.ariaInvalid
-
Ein String, der das
aria-invalid
Attribut widerspiegelt, das angibt, dass der eingegebene Wert nicht dem von der Anwendung 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 ihm den Fokus zu geben. Element.ariaLabel
-
Ein String, der das
aria-label
Attribut widerspiegelt, das einen String-Wert definiert, der das aktuelle Element beschriftet. 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 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, das angibt, ob ein Element beim Anzeigen modal ist. Element.ariaMultiline
-
Ein String, der das
aria-multiline
Attribut widerspiegelt, das angibt, ob ein Textfeld mehrere Zeilen Eingabedaten 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 aus 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, der dem Benutzer bei der Dateneingabe helfen soll, wenn das Steuerelement keinen Wert hat. Element.ariaPosInSet
-
Ein String, der das
aria-posinset
Attribut widerspiegelt, das die Nummer oder Position eines Elements im aktuellen Satz von Listenelementen oder Baumelementen definiert. Element.ariaPressed
-
Ein String, der das
aria-pressed
Attribut widerspiegelt, das den aktuellen "gedrückten" Zustand von Umschalttasten angibt. Element.ariaReadOnly
-
Ein String, der das
aria-readonly
Attribut widerspiegelt, das angibt, dass das Element nicht bearbeitbar ist, aber dennoch bedient werden kann. 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 Benutzereingaben auf dem Element erforderlich sind, bevor ein Formular eingereicht werden kann. Element.ariaRoleDescription
-
Ein String, der das
aria-roledescription
Attribut widerspiegelt, das eine menschenlesbare, autorenlokalisierte Beschreibung für die 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 eine menschenlesbare Textalternative zu aria-rowindex definiert. Element.ariaRowSpan
-
Ein String, der das
aria-rowspan
Attribut widerspiegelt, das die Anzahl der von einer 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 angibt, 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 Listenelementen oder Baumelementen 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 Wertebereichs-Widget definiert. Element.ariaValueMin
-
Ein String, der das
aria-valueMin
Attribut widerspiegelt, das den minimal zulässigen Wert für ein Wertebereichs-Widget definiert. Element.ariaValueNow
-
Ein String, der das
aria-valueNow
Attribut widerspiegelt, das den aktuellen Wert für ein Wertebereich-Widget definiert. Element.ariaValueText
-
Ein String, der das
aria-valuetext
Attribut widerspiegelt, das die menschenlesbare Textalternative vonaria-valuenow
für ein Wertebereich-Widget definiert. Element.role
-
Ein String, der das explizit festgelegte
role
Attribut widerspiegelt, das die semantische Rolle des Elements bereitstellt.
Instanzeigenschaften, die von ARIA Element-Referenzen zurückgegeben werden
Die Eigenschaften spiegeln die durch id
-Referenz im entsprechenden Attribut spezifizierten Elemente wider, jedoch mit einigen Vorbehalten. Weitere Informationen finden Sie unter Reflected element references im Reflected attributes Leitfaden.
Element.ariaActiveDescendantElement
-
Ein Element, das das aktuelle aktive Element darstellt, wenn der Fokus auf einem
composite
Widget,combobox
,textbox
,group
, oderapplication
liegt. Reflektiert dasaria-activedescendant
Attribut. Element.ariaControlsElements
-
Ein Array von Elementen, deren Inhalte oder Anwesenheit vom Element, auf das es angewendet wird, kontrolliert werden. Reflektiert das
aria-controls
Attribut. Element.ariaDescribedByElements
-
Ein Array von Elementen, die die zugängliche Beschreibung für das Element, auf das es angewendet wird, enthalten. Reflektiert das
aria-describedby
Attribut. Element.ariaDetailsElements
-
Ein Array von Elementen, die für das Element, auf das es angewendet wird, zugängliche Details bereitstellen. Reflektiert das
aria-details
Attribut. Element.ariaErrorMessageElements
-
Ein Array von Elementen, die eine Fehlermeldung für das Element, auf das es angewendet wird, bereitstellen. Reflektiert das
aria-errormessage
Attribut. Element.ariaFlowToElements
-
Ein Array von Elementen, die das nächste Element (oder die nächsten Elemente) in einer alternativen Lesereihenfolge von Inhalten identifizieren und damit die allgemeine Standardlesereihenfolge nach Ermessen des Benutzers überschreiben. Reflektiert das
aria-flowto
Attribut. Element.ariaLabelledByElements
-
Ein Array von Elementen, die den zugänglichen Namen für das Element, auf das es angewendet wird, bereitstellen. Reflektiert das
aria-labelledby
Attribut. Element.ariaOwnsElements
-
Ein Array von Elementen, die von dem Element, auf das sie angewendet werden, besessen werden. Dies wird verwendet, um eine visuelle, funktionale oder kontextuale Beziehung zwischen einem übergeordneten Element und seinen Kind-Elementen zu definieren, wenn die DOM-Hierarchie nicht verwendet werden kann, um die Beziehung darzustellen. Reflektiert das
aria-owns
Attribut.
Instanzmethoden
Element
erbt Methoden von seinen übergeordneten Interfaces 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 die erstellte Animation-Objektinstanz zurück.
Element.append()
-
Fügt eine Reihe von
Node
Objekten oder Strings nach dem letzten Kind des Elements ein. Element.attachShadow()
-
Befestigt einen Shadow-DOM-Baum am angegebenen Element und gibt eine Referenz zu seinem
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 Vorfahr des aktuellen Elements (oder das aktuelle Element selbst) ist, das den in Parameter angegebenen Selektoren entspricht. 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 Animationsobjekten 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 Knoten-Darstellung des benannten Attributs vom aktuellen Knoten ab und gibt sie als
Attr
zurück. Element.getAttributeNodeNS()
-
Ruft die Knoten-Darstellung 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 darstellen. Element.getClientRects()
-
Gibt eine Sammlung von Rechtecken zurück, die die Begrenzungsrechtecke für jede Textzeile in einem Client anzeigen.
Element.getElementsByClassName()
-
Gibt eine Live-
[
HTMLCollection](/de/docs/Web/API/HTMLCollection)
zurück, die alle Nachfahren des aktuellen Elements enthält, die über die in Parameter angegebenen Klassenlisten verfügen. Element.getElementsByTagName()
-
Gibt eine Live-
[
HTMLCollection](/de/docs/Web/API/HTMLCollection)
zurück, die alle Nachfahrenelemente eines bestimmten Tag-Namens im aktuellen Element enthält. Element.getElementsByTagNameNS()
-
Gibt eine Live-
[
HTMLCollection](/de/docs/Web/API/HTMLCollection)
zurück, die alle Nachfahrenelemente eines bestimmten Tag-Namens und Namespace im aktuellen Element enthält. Element.getHTML()
-
Gibt den DOM-Inhalt des Elements als HTML-String zurück, einschließlich des optionalen Shadow-DOMs.
Element.hasAttribute()
-
Gibt einen booleschen Wert zurück, der angibt, ob das Element über das angegebene Attribut verfügt oder nicht.
Element.hasAttributeNS()
-
Gibt einen booleschen Wert zurück, der angibt, ob das Element über das angegebene Attribut, im angegebenen Namespace, verfügt oder nicht.
Element.hasAttributes()
-
Gibt einen booleschen Wert zurück, der angibt, ob das Element eines oder mehrere HTML-Attribute enthält.
Element.hasPointerCapture()
-
Gibt an, ob das Element, auf dem es aufgerufen wird, Zeigererfassung für den durch die angegebene Zeiger-ID identifizierten Zeiger hat.
Element.insertAdjacentElement()
-
Fügt einen gegebenen Elemente-Knoten an einer gegebenen Position relativ zu dem Element ein, auf dem es aufgerufen wird.
Element.insertAdjacentHTML()
-
Analysiert den Text als HTML oder XML und fügt die resultierenden Knoten an der angegebenen Position in den Baum ein.
Element.insertAdjacentText()
-
Fügt einen gegebenen Textknoten an einer gegebenen Position relativ zu dem Element ein, auf dem es aufgerufen wird.
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-
Bewegt einen gegebenen
Node
innerhalb des aufrufenden Knoten als direktes Kind, vor einem gegebenen Referenzknoten, ohne den Knoten zu entfernen und dann 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 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()
-
Löst (stoppt) die Zeigererfassung auf, die vorher für ein spezifisches
PointerEvent
eingestellt wurde. Element.remove()
-
Entfernt das Element aus der Kinderliste seines Elternteils.
Element.removeAttribute()
-
Entfernt das benannte Attribut vom aktuellen Knoten.
Element.removeAttributeNode()
-
Entfernt die Knoten-Darstellung 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 Reihe von
Node
Objekten oder Strings. Element.requestFullscreen()
-
Fordert asynchron den Browser auf, das Element im Vollbildmodus anzuzeigen.
Element.requestPointerLock()
-
Ermöglicht eine asynchrone Anfrage, um den Zeiger auf dem gegebenen Element zu sperren.
Element.scroll()
-
Scrollt zu einem bestimmten Satz von Koordinaten innerhalb eines gegebenen Elements.
Element.scrollBy()
-
Scrollt ein Element um den angegebenen Betrag.
Element.scrollIntoView()
-
Scrollt die Seite, bis das Element in den Ansichtsbereich gelangt.
Element.scrollIntoViewIfNeeded()
Nicht standardisiert-
Scrollt das aktuelle Element in den sichtbaren Bereich des Browser-Fensters, wenn es sich nicht bereits im sichtbaren Bereich des Browser-Fensters befindet. Verwenden Sie stattdessen den Standard
Element.scrollIntoView()
. Element.scrollTo()
-
Scrollt zu einem bestimmten Satz von Koordinaten innerhalb eines gegebenen Elements.
Element.setAttribute()
-
Setzt den Wert eines benannten Attributs des aktuellen Knotens.
Element.setAttributeNode()
-
Setzt die Knoten-Darstellung des benannten Attributs vom aktuellen Knoten.
Element.setAttributeNodeNS()
-
Setzt die Knoten-Darstellung des Attributs mit dem angegebenen Namen und Namespace vom aktuellen Knoten.
Element.setAttributeNS()
-
Setzt den Wert des Attributs mit dem angegebenen Namen und Namespace vom aktuellen Knoten.
Element.setCapture()
Nicht standardisiert Veraltet-
Richtet die Erfassung von Mausereignissen ein und leitet alle Mausereignisse auf dieses Element um.
Element.setHTMLUnsafe()
-
Analysiert eine HTML-Zeichenfolge in ein Dokumentfragment, ohne eine Bereinigung vorzunehmen, das dann den ursprünglichen Unterbaum des Elements im DOM ersetzt. Die HTML-Zeichenfolge kann deklarative Shadow-Roots enthalten, die als Template-Elemente analysiert würden, wenn das HTML mit
Element.innerHTML
gesetzt würde. Element.setPointerCapture()
-
Bestimmt ein spezifisches Element als das Ziel für die Erfassung zukünftiger Zeigerereignisse.
Element.toggleAttribute()
-
Wechselt ein boolesches Attribut, entfernt es, wenn es vorhanden ist, und fügt es hinzu, wenn es nicht vorhanden ist, an dem angegebenen Element.
Ereignisse
Hören Sie auf diese Ereignisse, indem Sie addEventListener()
verwenden oder einen Ereignis-Listener der oneventname
Eigenschaft dieses Interfaces zuweisen.
afterscriptexecute
Nicht standardisiert Veraltet-
Ausgelöst, wenn ein Skript ausgeführt wurde.
beforeinput
-
Ausgelöst, wenn der Wert eines Eingabeelements kurz vor der Änderung steht.
beforematch
Experimentell-
Wird auf einem Element ausgelöst, das sich im Zustand hidden until found befindet, wenn der Browser kurz davor steht, seinen Inhalt anzuzeigen, weil der Benutzer den Inhalt über die Funktion "In Seite suchen" oder durch Fragmentnavigation gefunden hat.
beforescriptexecute
Nicht standardisiert Veraltet-
Ausgelöst, wenn ein Skript kurz vor der Ausführung steht.
beforexrselect
Experimentell-
Ausgelöst vor den WebXR-Auswahlereignissen (
select
,selectstart
,selectend
). contentvisibilityautostatechange
-
Wird auf jedem Element mit
content-visibility: auto
ausgelöst, wenn es anfängt oder aufhört, für den Benutzer relevant zu sein und seinen Inhalt zu überspringen. input
-
Wird ausgelöst, wenn der Wert eines Elements als direkte Folge einer Benutzeraktion geändert wird.
securitypolicyviolation
-
Ausgelöst, wenn eine Content Security Policy verletzt wird.
wheel
-
Ausgelöst, wenn der Benutzer ein Radknopf auf einem Zeigergerät (typischerweise eine Maus) dreht.
Animationsereignisse
animationcancel
-
Ausgelöst, wenn eine Animation unerwartet abgebrochen wird.
animationend
-
Ausgelöst, wenn eine Animation normal abgeschlossen wird.
animationiteration
-
Ausgelöst, wenn eine Animationsiteration abgeschlossen ist.
animationstart
-
Ausgelöst, wenn eine Animation beginnt.
Zwischenereignisse
copy
-
Ausgelöst, wenn der Benutzer eine Kopieren-Aktion über die Benutzeroberfläche des Browsers initiiert.
cut
-
Ausgelöst, wenn der Benutzer eine Ausschneiden-Aktion über die Benutzeroberfläche des Browsers initiiert.
paste
-
Ausgelöst, wenn der Benutzer eine Einfügen-Aktion über die Benutzeroberfläche des Browsers initiiert.
Zusammensetzungserignisse
compositionend
-
Ausgelöst, wenn ein Textkompositionssystem wie ein Eingabemethoden-Editor die aktuelle Kompositionssitzung abschließt oder abbricht.
compositionstart
-
Ausgelöst, wenn ein Textkompositionssystem wie ein Eingabemethoden-Editor eine neue Kompositionssitzung startet.
compositionupdate
-
Ausgelöst, wenn ein neues Zeichen im Kontext einer Textkompositionssitzung empfangen wird, die von einem Textkompositionssystem wie einem Eingabemethoden-Editor gesteuert wird.
Fokusereignisse
Vollbild-Ereignisse
fullscreenchange
-
An ein
Element
gesendet, wenn es in den oder aus dem Vollbildmodus wechselt. fullscreenerror
-
An ein
Element
gesendet, wenn ein Fehler auftritt, während versucht wird, es in den oder aus dem Vollbildmodus zu wechseln.
Tastaturereignisse
Mausereignisse
auxclick
-
Ausgelöst, wenn ein nicht primärer Zeigergerätknopf (z. B. jede andere Maustaste als die linke Taste) auf ein Element gedrückt und wieder losgelassen wird.
click
-
Ausgelöst, wenn ein Zeigergerätknopf (z. B. die Haupttaste einer Maus) auf ein einzelnes Element gedrückt und wieder losgelassen wird.
-
Ausgelöst, wenn der Benutzer versucht, ein Kontextmenü zu öffnen.
dblclick
-
Ausgelöst, wenn ein Zeigergerätknopf (z.B. die Haupttaste einer Maus) zweimal auf ein einzelnes Element geklickt wird.
DOMActivate
Veraltet-
Tritt auf, wenn ein Element aktiviert wird, zum Beispiel durch einen Mausklick oder einen Tastendruck.
DOMMouseScroll
Veraltet Nicht standardisiert-
Tritt auf, wenn ein Mausrad oder ähnliches Gerät betrieben wird und die akkumulierte Scroll-Menge seit dem letzten Ereignis mehr als eine Zeile oder eine Seite beträgt.
mousedown
-
Ausgelöst, wenn ein Zeigergerätknopf auf ein Element gedrückt wird.
mouseenter
-
Ausgelöst, wenn ein Zeigergerät (normalerweise eine Maus) über das Element bewegt wird, an dem der Listener befestigt ist.
mouseleave
-
Ausgelöst, wenn der Zeiger eines Zeigergeräts (normalerweise eine Maus) aus einem Element bewegt wird, an dem der Listener befestigt 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) von dem Element bewegt wird, an dem der Listener befestigt ist, oder von einem seiner Kinder.
mouseover
-
Ausgelöst, wenn ein Zeigergerät auf das Element bewegt wird, an dem der Listener befestigt ist, oder auf eines seiner Kinder.
mouseup
-
Ausgelöst, wenn ein Zeigergerätknopf auf einem Element losgelassen wird.
mousewheel
Veraltet Nicht standardisiert-
Ausgelöst, wenn ein Mausrad oder ähnliches Gerät betrieben wird.
MozMousePixelScroll
Veraltet Nicht standardisiert-
Ausgelöst, wenn ein Mausrad oder ähnliches Gerät betrieben wird.
webkitmouseforcechanged
Nicht standardisiert-
Wird jedes Mal ausgelöst, wenn sich der Druck auf dem Trackpad-Berührungsbildschirm ändert.
webkitmouseforcedown
Nicht standardisiert-
Wird nach dem mousedown-Ereignis ausgelöst, sobald genügend Druck ausgeübt wurde, um als "Force Click" zu gelten.
webkitmouseforcewillbegin
Nicht standardisiert-
Wird vor dem
mousedown
Ereignis ausgelöst. webkitmouseforceup
Nicht standardisiert-
Wird nach dem
webkitmouseforcedown
Ereignis ausgelöst, sobald der Druck genügend reduziert wurde, um den "Force Click" zu beenden.
Zeigerereignisse
gotpointercapture
-
Ausgelöst, wenn ein Element einen Zeiger mit
setPointerCapture()
erfasst. lostpointercapture
-
Ausgelöst, wenn ein erfasster Zeiger freigegeben wird.
pointercancel
-
Ausgelöst, wenn ein Zeigereignis abgebrochen wird.
pointerdown
-
Ausgelöst, wenn ein Zeiger aktiv wird.
pointerenter
-
Ausgelöst, wenn ein Zeiger in die Treffer-Test-Grenzen eines Elements oder eines seiner Nachkommen bewegt wird.
pointerleave
-
Ausgelöst, wenn ein Zeiger aus den Treffer-Test-Grenzen eines Elements bewegt wird.
pointermove
-
Ausgelöst, wenn sich ein Zeiger von Koordinaten ändert.
pointerout
-
Ausgelöst, wenn ein Zeiger aus den Treffer-Test-Grenzen eines Elements bewegt wird (aus verschiedenen Gründen).
pointerover
-
Ausgelöst, wenn ein Zeiger in die Treffer-Test-Grenzen eines Elements bewegt wird.
pointerrawupdate
Experimentell-
Ausgelöst, wenn ein Zeiger Eigenschaften ändert, die keine
pointerdown
oderpointerup
Ereignisse auslösen. pointerup
-
Ausgelöst, wenn ein Zeiger nicht mehr aktiv ist.
Bildlaufereignisse
scroll
-
Ausgelöst, wenn die Dokumentansicht oder ein Element gescrollt wurde.
scrollend
-
Wird ausgelöst, wenn die Dokumentansicht das Scrollen abgeschlossen hat.
scrollsnapchange
Experimentell-
Wird am Scroll-Container am Ende einer Scroll-Operation ausgelöst, wenn ein neuer Scroll-Snap-Zielpunkt ausgewählt wurde.
scrollsnapchanging
Experimentell-
Wird am Scroll-Container ausgelöst, wenn der Browser feststellt, dass ein neues Scroll-Snap-Ziel ansteht, d.h. dass es ausgewählt wird, wenn die aktuelle Scroll-Geste endet.
Berührungsereignisse
gesturechange
Nicht standardisiert-
Ausgelöst, wenn sich die Finger während einer Berührungsgeste bewegen.
gestureend
Nicht standardisiert-
Ausgelöst, wenn keine Finger mehr die Berührungsoberfläche berühren und damit die Geste beendet wird.
gesturestart
Nicht standardisiert-
Ausgelöst, wenn mehrere Finger die Berührungsoberfläche berühren und damit eine neue Geste beginnen.
touchcancel
-
Ausgelöst, wenn ein oder mehrere Berührungspunkte in einer implementierungsspezifischen Weise gestört wurden (zum Beispiel, wenn zu viele Berührungspunkte erstellt werden).
touchend
-
Ausgelöst, wenn ein oder mehrere Berührungspunkte von der Berührungsoberfläche entfernt werden.
touchmove
-
Ausgelöst, wenn sich ein oder mehrere Berührungspunkte entlang der Berührungsoberfläche bewegen.
touchstart
-
Ausgelöst, wenn ein oder mehrere Berührungspunkte auf die Berührungsoberfläche gelegt 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 das Abspielen abgeschlossen hat. transitionrun
-
Ein
Event
, das ausgelöst wird, wenn ein CSS-Übergang erstellt wird (d.h. wenn es zu einer Gruppe laufender Übergänge hinzugefügt wird), aber nicht unbedingt gestartet wird. transitionstart
-
Ein
Event
, das ausgelöst wird, wenn ein CSS-Übergang zu übergehen beginnt.