Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.

View in English Always switch to English

Element

Baseline Weitgehend verfügbar *

Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit Juli 2015 browserübergreifend verfügbar.

* Einige Teile dieser Funktion werden möglicherweise unterschiedlich gut unterstützt.

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

Zum Beispiel ist die HTMLElement-Schnittstelle die Basisschnittstelle für HTML-Elemente. Ähnlich ist die SVGElement-Schnittstelle die Grundlage für alle SVG-Elemente und die MathMLElement-Schnittstelle ist die Basisschnittstelle für MathML-Elemente. Der Großteil der Funktionalität wird weiter unten in der Klassenhierarchie spezifiziert.

Sprachen außerhalb der Webplattform, wie XUL durch die XULElement-Schnittstelle, implementieren ebenfalls Element.

EventTarget Node Element

Instanzeigenschaften

Element erbt Eigenschaften von seiner Elternschnittstelle, Node, und von der Elternschnittstelle dieser Schnittstelle, EventTarget.

Element.assignedSlot Schreibgeschützt

Gibt ein HTMLSlotElement zurück, das den <slot> darstellt, in den der Knoten eingefügt wird.

Element.attributes Schreibgeschützt

Gibt ein NamedNodeMap-Objekt zurück, das die zugewiesenen Attribute des entsprechenden HTML-Elements enthält.

Element.childElementCount Schreibgeschützt

Gibt die Anzahl der Kindelemente dieses Elements zurück.

Element.children Schreibgeschützt

Gibt die Kindelemente dieses Elements zurück.

Element.classList Schreibgeschützt

Gibt eine DOMTokenList zurück, die die Liste der Klassenattribute enthält.

Element.className

Ein String, der die Klasse des Elements darstellt.

Element.clientHeight Schreibgeschützt

Gibt eine Zahl zurück, die die innere Höhe des Elements repräsentiert.

Element.clientLeft Schreibgeschützt

Gibt eine Zahl zurück, die die Breite des linken Rands des Elements repräsentiert.

Element.clientTop Schreibgeschützt

Gibt eine Zahl zurück, die die Breite des oberen Rands des Elements repräsentiert.

Element.clientWidth Schreibgeschützt

Gibt eine Zahl zurück, die die innere Breite des Elements repräsentiert.

Element.currentCSSZoom Schreibgeschützt

Eine Zahl, die die effektive Zoomgröße des Elements angibt, oder 1.0, wenn das Element nicht gerendert wird.

Element.customElementRegistry Schreibgeschützt

Das CustomElementRegistry-Objekt, das mit diesem Element verknüpft ist, oder null, wenn keines festgelegt wurde.

Element.elementTiming Experimentell

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

Element.firstElementChild Schreibgeschützt

Gibt das erste Kindelement dieses Elements zurück.

Element.id

Ein String, der die ID des Elements 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

Die Namensraum-URI des Elements, oder null, wenn es keinen Namensraum gibt.

Element.nextElementSibling Schreibgeschützt

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

Element.outerHTML

Ein String, der das Markup des Elements einschließlich seines Inhalts darstellt. Wenn als Setter verwendet, wird das Element durch Knoten ersetzt, die aus dem gegebenen String geparst wurden.

Element.part

Stellt die Teilkennungen des Elements dar (d.h. mit dem part-Attribut festgelegt), die als DOMTokenList zurückgegeben werden.

Element.prefix Schreibgeschützt

Ein String, der das Namensraumprefix des Elements darstellt, oder null, wenn kein Präfix angegeben ist.

Element.previousElementSibling Schreibgeschützt

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

Element.scrollHeight Schreibgeschützt

Gibt eine Zahl zurück, die die Scrollansichtshöhe eines Elements darstellt.

Element.scrollLeft

Eine Zahl, die den linken Scroll-Versatz des Elements darstellt.

Element.scrollLeftMax Nicht standardisiert Schreibgeschützt

Gibt eine Zahl zurück, die den maximalen linken Scroll-Versatz darstellt, der für das Element möglich ist.

Element.scrollTop

Eine Zahl, die die Anzahl der Pixel darstellt, um die der obere Teil des Elements vertikal gescrollt wird.

Element.scrollTopMax Nicht standardisiert Schreibgeschützt

Gibt eine Zahl zurück, die den maximalen oberen Scroll-Versatz darstellt, der für das Element möglich ist.

Element.scrollWidth Schreibgeschützt

Gibt eine Zahl zurück, die die Scrollansichtsbreite des Elements darstellt.

Element.shadowRoot Schreibgeschützt

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

Element.slot

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

Element.tagName Schreibgeschützt

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

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 den gesamten oder nur Teile des geänderten Bereichs aufgrund der durch das aria-relevant-Attribut definierten Änderungsbenachrichtigungen präsentieren werden.

Element.ariaAutoComplete

Ein String, der das aria-autocomplete-Attribut widerspiegelt, das anzeigt, ob die Eingabe von Text die Anzeige einer oder mehrerer Vorhersagen des vom Nutzer beabsichtigten Wertes für ein Kombinationsfeld, Suchfeld oder Textfeld auslösen könnte, und wie diese Vorhersagen dargestellt würden, falls sie gemacht wurden.

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 verändert wird, da unterstützende Technologien möglicherweise warten wollen, bis die Änderungen abgeschlossen sind, bevor sie sie dem Nutzer zugänglich machen.

Element.ariaChecked

Ein String, der das aria-checked-Attribut widerspiegelt, das den aktuellen "überprüften" Zustand von Kontrollkästchen, Optionsfeldern und anderen Widgets, die einen überprüften Zustand haben, angibt.

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 in Bezug auf die Gesamtanzahl der Spalten innerhalb einer Tabelle, eines Rasters oder 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 Spalten definiert, die von einer Zelle oder Rasterzelle innerhalb einer Tabelle, eines Rasters oder Baumrasters überspannt werden.

Element.ariaCurrent

Ein String, der das aria-current-Attribut widerspiegelt, das das Element angibt, das das aktuelle Element innerhalb eines Containers oder eines Satzes von verwandten Elementen 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 anderweitig bedienbar ist.

Element.ariaExpanded

Ein String, der das aria-expanded-Attribut widerspiegelt, das angibt, ob ein Gruppenelement, das von diesem Element "besessen" oder kontrolliert wird, erweitert oder reduziert ist.

Element.ariaHasPopup

Ein String, der das aria-haspopup-Attribut widerspiegelt, das die Verfügbarkeit und den Typ eines interaktiven Popup-Elements, wie einem Menü oder Dialog, angibt, das durch ein Element ausgelöst werden kann.

Element.ariaHidden

Ein String, der das aria-hidden-Attribut widerspiegelt, das angibt, ob das Element einer Zugänglichkeits-API offengelegt wird.

Element.ariaInvalid

Ein String, der das aria-invalid-Attribut widerspiegelt, das angibt, dass der eingegebene Wert nicht dem vom Anwendung erwarteten Format entspricht.

Element.ariaKeyShortcuts

Ein String, der das aria-keyshortcuts-Attribut widerspiegelt, das die 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 beschreibt die Arten von Aktualisierungen, die die Benutzeragenten, unterstützende Technologien und Benutzer erwarten können.

Element.ariaModal

Ein String, der das aria-modal-Attribut widerspiegelt, das angibt, ob ein Element modal ist, wenn es angezeigt wird.

Element.ariaMultiline

Ein String, der das aria-multiline-Attribut widerspiegelt, das angibt, ob ein Textfeld mehrere Eingabezeilen oder nur eine einzige Zeile akzeptiert.

Element.ariaMultiSelectable

Ein String, der das aria-multiselectable-Attribut widerspiegelt, das angibt, dass der Benutzer mehr als ein Element von den aktuellen wählbaren Nachkommen auswählen kann.

Element.ariaOrientation

Ein String, der das aria-orientation-Attribut widerspiegelt, das angibt, ob die Ausrichtung 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 Steuerungselement 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 Umschaltschaltern angibt.

Element.ariaReadOnly

Ein String, der das aria-readonly-Attribut widerspiegelt, das angibt, dass das Element nicht bearbeitet werden kann, aber anderweitig 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 Zugänglichkeitsbaum innerhalb eines Live-Bereichs geändert wird. Dies wird verwendet, um zu beschreiben, welche Änderungen in einem aria-live-Bereich relevant sind und angekündigt werden sollten.

Element.ariaRequired

Ein String, der das aria-required-Attribut widerspiegelt, das angibt, dass Benutzereingaben für das Element erforderlich sind, bevor ein Formular übermittelt 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 Reihen in einer Tabelle, einem Raster oder Baumraster definiert.

Element.ariaRowIndex

Ein String, der das aria-rowindex-Attribut widerspiegelt, das den Zeilenindex oder die Position eines Elements im Hinblick auf die Gesamtanzahl der Zeilen in einer Tabelle, einem Raster oder Baumraster 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 Reihen definiert, die von einer Zelle oder Rasterzelle innerhalb einer Tabelle, eines Rasters oder Baumrasters überspannt werden.

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 zugelassenen Wert für ein Bereichs-Widget definiert.

Element.ariaValueMin

Ein String, der das aria-valueMin-Attribut widerspiegelt, das den minimal zugelassenen 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 die menschenlesbare Textalternative zu aria-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 durch id-Referenzen in den entsprechenden Attributen angegebenen Elemente wider, jedoch mit einigen Vorbehalten. Siehe Reflected element references im Reflected attributes Leitfaden für weitere Informationen.

Element.ariaActiveDescendantElement

Ein Element, das das aktuelle aktive Element darstellt, wenn der Fokus auf einem composite-Widget, combobox, textbox, group, oder application ist. Spiegelt das aria-activedescendant-Attribut wider.

Element.ariaControlsElements

Ein Array von Elementen, deren Inhalt oder Vorhandensein durch das Element gesteuert wird, auf das es angewendet wird. Spiegelt das aria-controls-Attribut wider.

Element.ariaDescribedByElements

Ein Array von Elementen, die die zugängliche Beschreibung für das angewendete Element enthalten. Spiegelt das aria-describedby-Attribut wider.

Element.ariaDetailsElements

Ein Array von Elementen, die zugängliche Details für das angewendete Element bereitstellen. Spiegelt das aria-details-Attribut wider.

Element.ariaErrorMessageElements

Ein Array von Elementen, die für das angewendete Element eine Fehlermeldung bereitstellen. Spiegelt das aria-errormessage-Attribut wider.

Element.ariaFlowToElements

Ein Array von Elementen, die das nächste Element (oder Elemente) in einer alternativen Lesereihenfolge des Inhalts identifizieren und die allgemeine Standardlesereihenfolge nach Ermessen des Benutzers überschreiben. Spiegelt das aria-flowto-Attribut wider.

Element.ariaLabelledByElements

Ein Array von Elementen, die den zugänglichen Namen für das angewendete Element bereitstellen. Spiegelt das aria-labelledby-Attribut wider.

Element.ariaOwnsElements

Ein Array von Elementen, die von dem Element "besessen" werden, auf das es angewendet wird. Dies wird verwendet, um eine visuelle, funktionale oder kontextuelle Beziehung zwischen einem übergeordneten Element und seinen Kinderelementen zu definieren, wenn die DOM-Hierarchie nicht verwendet werden kann, um die Beziehung darzustellen. Spiegelt das aria-owns-Attribut wider.

Instanzmethoden

Element erbt Methoden von seinen Eltern Node und seiner eigenen Elternschnittstelle EventTarget.

Element.after()

Fügt eine Reihe von Node-Objekten oder Strings in der Kinderliste des Elternteils des Element hinzu, direkt nach dem Element.

Element.animate()

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

Element.ariaNotify()

Gibt an, dass ein gegebener Text von einem Bildschirmlesegerät angekündigt werden soll.

Element.append()

Fügt eine Reihe 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 auf dessen ShadowRoot zurück.

Element.before()

Fügt eine Reihe von Node-Objekten oder Strings in der Kinderliste des Elternteils des Element ein, direkt vor dem Element.

Element.checkVisibility()

Gibt zurück, ob ein Element voraussichtlich sichtbar ist oder nicht, basierend auf konfigurierbaren Prüfungen.

Element.closest()

Gibt das Element zurück, das der nächste Vorfahre des aktuellen Elements (oder das aktuelle Element selbst) ist, das den im Parameter angegebenen Selektoren entspricht.

Element.computedStyleMap()

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

Element.getAnimations()

Gibt ein Array von Animation-Objekten zurück, die derzeit auf dem Element aktiv sind.

Element.getAttribute()

Ruft den Wert des benannten Attributs vom aktuellen Knoten ab und gibt ihn als String zurück.

Element.getAttributeNames()

Gibt ein Array von Attributnamen des aktuellen Elements zurück.

Element.getAttributeNode()

Ruft die Knotenrepräsentation des benannten Attributs vom aktuellen Knoten ab und gibt sie als Attr zurück.

Element.getAttributeNodeNS()

Ruft die Knotenrepräsentation des Attributs mit dem angegebenen Namen und Namensraum vom aktuellen Knoten ab und gibt sie als Attr zurück.

Element.getAttributeNS()

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

Element.getBoundingClientRect()

Gibt die Größe eines Elements und dessen Position relativ zum Viewport 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 über die im Parameter angegebene Klassenliste verfügen.

Element.getElementsByTagName()

Gibt eine Live-HTMLCollection zurück, die alle Nachfahrenelemente eines bestimmten Tag-Namens des aktuellen Elements enthält.

Element.getElementsByTagNameNS()

Gibt eine Live-HTMLCollection zurück, die alle Nachfahrenelemente eines bestimmten Tag-Namens und Namensraums des aktuellen Elements enthält.

Element.getHTML()

Gibt den DOM-Inhalt des Elements als HTML-String zurück, wahlweise einschließlich eines Schatten-DOMs.

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 Namensraum hat oder nicht.

Element.hasAttributes()

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

Element.hasPointerCapture()

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

Element.insertAdjacentElement()

Fügt ein gegebenes Elemente "Knoten" an einer angegebenen Position relativ zu dem Element ein, auf dem es aufgerufen wird.

Element.insertAdjacentHTML()

Parst den Text als HTML oder XML und fügt die resultierenden Knoten an der in der Position gegebenen Stelle in den Baum ein.

Element.insertAdjacentText()

Fügt einen gegebenen Textknoten an einer angegebenen Position relativ zum aufgerufenen Element 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()

Bewegt einen gegebenen Node innerhalb des aufrufenden Knotens als direktes Kind, vor einem 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 relativ zum Element angegebenen Selektor-String entspricht.

Element.querySelectorAll()

Gibt eine NodeList von Knoten zurück, die dem relativ zum Element angegebenen Selektor-String entsprechen.

Element.releasePointerCapture()

Hebt die Zeigerfassung auf (stoppt sie), die zuvor für ein bestimmtes PointerEvent festgelegt 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 Namensraum vom aktuellen Knoten.

Element.replaceChildren()

Ersetzt die vorhandenen Kinder eines Node durch einen bestimmten neuen Satz von Kindern.

Element.replaceWith()

Ersetzt das Element in der Kinderliste seines Elternteils durch eine Reihe von Node-Objekten oder Strings.

Element.requestFullscreen()

Fragt den Browser asynchron an, um das Element im Vollbildmodus anzuzeigen.

Element.requestPointerLock()

Ermöglicht es, asynchron zu fragen, ob der Zeiger auf dem angegebenen Element gesperrt werden soll.

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 die Ansicht gelangt.

Element.scrollIntoViewIfNeeded() Nicht standardisiert

Scrollt das aktuelle Element in den sichtbaren Bereich des Browserfensters, wenn es sich noch nicht im sichtbaren Bereich des Browserfensters 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 Knotenrepräsentation des benannten Attributs vom aktuellen Knoten.

Element.setAttributeNodeNS()

Setzt die Knotenrepräsentation des Attributs mit dem angegebenen Namen und Namensraum vom aktuellen Knoten.

Element.setAttributeNS()

Setzt den Wert des Attributs mit dem angegebenen Namen und Namensraum vom aktuellen Knoten.

Element.setCapture() Nicht standardisiert Veraltet

Richtet die Mausereignis-Erfassung ein, indem alle Mausereignisse auf dieses Element umgeleitet werden.

Element.setHTML() Sicherer Kontext

Parst und desinfiziert einen String von HTML in ein Dokumentfragment, das dann den ursprünglichen Teilbaum des Elements im DOM ersetzt.

Element.setHTMLUnsafe()

Parst einen String von HTML in ein Dokumentfragment, ohne Desinfektion, das dann den ursprünglichen Teilbaum des Elements im DOM ersetzt. Der HTML-String kann deklarative Schattenwurzeln enthalten, die als Vorlage-Elemente geparst würden, wenn das HTML mit Element.innerHTML gesetzt worden wäre.

Element.setPointerCapture()

Bestimmt ein bestimmtes Element als das Erfassungsziel zukünftiger Zeigerereignisse.

Element.toggleAttribute()

Wechselt ein boolesches Attribut, indem es entfernt wird, wenn es vorhanden ist, und hinzugefügt wird, wenn es nicht vorhanden ist, auf das angegebene Element.

Ereignisse

Hören Sie auf diese Ereignisse mit addEventListener() oder indem Sie einen Ereignis-Listener auf die oneventname-Eigenschaft dieser Schnittstelle 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 hidden until found befindet, wenn der Browser kurz davor ist, seinen Inhalt freizulegen, weil der Benutzer den Inhalt über die Funktion "Suchen auf Seite" oder über Fragmentnavigation gefunden hat.

beforescriptexecute Nicht standardisiert Veraltet

Wird ausgelöst, wenn ein Skript kurz davor ist, ausgeführt zu werden.

beforexrselect Experimentell

Wird ausgelöst, bevor WebXR-Auswahlereignisse (select, selectstart, selectend) gesendet werden.

contentvisibilityautostatechange

Wird bei jedem Element ausgelöst, auf dem content-visibility: auto gesetzt ist, wenn es anfängt oder aufhört, für den Benutzer relevant zu sein und seine Inhalte zu überspringen.

input

Wird ausgelöst, wenn der Wert eines Elements als direkte Folge einer Benutzeraktion geändert wird.

securitypolicyviolation

Wird ausgelöst, wenn eine Content Security Policy verletzt wird.

wheel

Wird ausgelöst, wenn der Benutzer eine Rad-Taste auf einem Zeigegerät dreht (in der Regel eine Maus).

Animationsevents

animationcancel

Wird ausgelöst, wenn eine Animation unerwartet abbricht.

animationend

Wird ausgelöst, wenn eine Animation normal abgeschlossen wurde.

animationiteration

Wird ausgelöst, wenn eine Animationsiteration abgeschlossen ist.

animationstart

Wird ausgelöst, wenn eine Animation beginnt.

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 Textkompositionssystem wie ein Eingabemethoden-Editor die aktuelle Kompositionssitzung abschließt oder abbricht.

compositionstart

Wird ausgelöst, wenn ein Textkompositionssystem wie ein Eingabemethoden-Editor eine neue Kompositionssitzung startet.

compositionupdate

Wird ausgelöst, wenn ein neues Zeichen im Kontext einer Textkompositionssitzung empfangen wird, die von einem Textkompositionssystem wie einem Eingabemethoden-Editor gesteuert wird.

Fokusevents

blur

Wird ausgelöst, wenn ein Element den Fokus verliert.

focus

Wird ausgelöst, wenn ein Element den Fokus erhält.

focusin

Wird ausgelöst, wenn ein Element den Fokus erhält, nach dem focus.

focusout

Wird ausgelöst, wenn ein Element den Fokus verliert, nach dem blur.

Vollbildereignisse

fullscreenchange

Wird an ein Element gesendet, wenn es in den oder aus dem Vollbildmodus wechselt.

fullscreenerror

Wird an ein Element gesendet, falls beim Versuch, es in den oder aus dem Vollbildmodus zu wechseln, ein Fehler auftritt.

Tastaturevents

keydown

Wird ausgelöst, wenn eine Taste gedrückt wird.

keypress Veraltet

Wird ausgelöst, wenn eine Taste gedrückt wird, die einen Zeichenwert erzeugt.

keyup

Wird ausgelöst, wenn eine Taste losgelassen wird.

Mausereignisse

auxclick

Wird ausgelöst, wenn eine nicht-primäre Zeigegerätetaste (z.B. jede andere Maustaste als die linke Taste) auf einem Element gedrückt und losgelassen wird.

click

Wird ausgelöst, wenn eine Zeigegerätetaste (z.B. die primäre Taste einer Maus) auf einem einzelnen Element gedrückt und losgelassen wird.

contextmenu

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

dblclick

Wird ausgelöst, wenn eine Zeigegerätetaste (z.B. die primäre Taste 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 ein Mausrad oder ein ähnliches Gerät bedient wird und die gesammelte Scrollmenge über 1 Zeile oder 1 Seite seit dem letzten Ereignis beträgt.

mousedown

Wird ausgelöst, wenn eine Zeigegerätetaste auf einem Element gedrückt wird.

mouseenter

Wird ausgelöst, wenn ein Zeigegerät (in der Regel eine Maus) über das Element bewegt wird, an das der Listener angehängt ist.

mouseleave

Wird ausgelöst, wenn der Zeiger eines Zeigegeräts (in der Regel eine Maus) aus einem Element heraus bewegt wird, an den der Listener angehängt ist.

mousemove

Wird ausgelöst, wenn ein Zeigegerät (in der Regel eine Maus) über ein Element bewegt wird.

mouseout

Wird ausgelöst, wenn ein Zeigegerät (in der Regel eine Maus) aus dem Element heraus bewegt wird, an den der Listener angehängt ist oder aus einem seiner Kinder.

mouseover

Wird ausgelöst, wenn ein Zeigegerät auf ein Element bewegt wird, an das der Listener angehängt ist oder auf eins seiner Kinder.

mouseup

Wird ausgelöst, wenn eine Zeigegerätetaste auf einem Element losgelassen wird.

mousewheel Veraltet Nicht standardisiert

Wird ausgelöst, wenn ein Mausrad oder ein ähnliches Gerät bedient wird.

MozMousePixelScroll Veraltet Nicht standardisiert

Wird ausgelöst, wenn ein Mausrad oder ein ähnliches Gerät bedient wird.

webkitmouseforcechanged Nicht standardisiert

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

webkitmouseforcedown Nicht standardisiert

Wird nach dem Mousedown-Ereignis ausgelöst, sobald ausreichender Druck ausgeübt wurde, um als "Force Click" zu gelten.

webkitmouseforcewillbegin Nicht standardisiert

Wird vor dem mousedown-Ereignis ausgelöst.

webkitmouseforceup Nicht standardisiert

Wird ausgelöst, nachdem das webkitmouseforcedown-Ereignis ausgelöst wurde, sobald der Druck ausreichend reduziert wurde, um den "Force Click" 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 Zeigerereignis abgebrochen wird.

pointerdown

Wird ausgelöst, wenn ein Zeiger aktiv wird.

pointerenter

Wird ausgelöst, wenn ein Zeiger in die Hit-Test-Grenzen eines Elements oder eines seiner Nachkommen bewegt wird.

pointerleave

Wird ausgelöst, wenn ein Zeiger aus den Hit-Test-Grenzen eines Elements heraus bewegt wird.

pointermove

Wird ausgelöst, wenn ein Zeiger die Koordinaten ändert.

pointerout

Wird ausgelöst, wenn ein Zeiger aus den Hit-Test-Grenzen eines Elements (aus anderen Gründen) bewegt wird.

pointerover

Wird ausgelöst, wenn ein Zeiger in die Hit-Test-Grenzen eines Elements bewegt wird.

pointerrawupdate

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

pointerup

Wird ausgelöst, wenn ein Zeiger nicht mehr aktiv ist.

Scrolling-Ereignisse

scroll

Wird 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 Scrollcontainer am Ende eines Scrollvorgangs ausgelöst, wenn ein neues Snap-Ziel ausgewählt wurde.

scrollsnapchanging Experimentell

Wird am Scrollcontainer ausgelöst, wenn der Browser feststellt, dass ein neues Snap-Ziel ansteht, d.h. dass es ausgewählt wird, wenn die aktuelle Scrollgeste 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 keine Finger mehr die Berührungsoberfläche berühren und dadurch die Geste endet.

gesturestart Nicht standardisiert

Wird ausgelöst, wenn mehrere Finger die Berührungsoberfläche berühren und dadurch eine neue Geste beginnt.

touchcancel

Wird ausgelöst, wenn ein oder mehrere Berührungspunkte in einer Implementierungsspezifischen Weise (zum Beispiel wenn zu viele Berührungspunkte erstellt werden) unterbrochen worden sind.

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 gelegt werden.

Transition-Ereignisse

transitioncancel

Ein Event, das ausgelöst wird, wenn eine CSS-Transition abgebrochen wird.

transitionend

Ein Event, das ausgelöst wird, wenn eine CSS-Transition das Abspielen abgeschlossen hat.

transitionrun

Ein Event, das ausgelöst wird, wenn eine CSS-Transition erstellt wird (d.h. wenn sie zu einem Satz laufender Übergänge hinzugefügt wird), jedoch nicht unbedingt gestartet wird.

transitionstart

Ein Event, das ausgelöst wird, wenn eine CSS-Transition das Überblenden beginnt.

Spezifikationen

Spezifikation
DOM
# interface-element
Pointer Events
# extensions-to-the-element-interface
Fullscreen API
# api
DOM Parsing and Serialization
# extensions-to-the-element-interface
CSSOM View Module
# extension-to-the-element-interface

Browser-Kompatibilität