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.

Mehr erfahren
Vollständige Kompatibilität anzeigen

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

Beispielsweise ist die HTMLElement-Schnittstelle die Basisschnittstelle für HTML-Elemente. Ähnlich ist die SVGElement-Schnittstelle die Basis für alle SVG-Elemente, und die MathMLElement-Schnittstelle ist die Basisschnittstelle für MathML-Elemente. Die meisten Funktionalitäten werden weiter unten in der Klassenhierarchie spezifiziert.

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

Instanzeigenschaften

Element erbt Eigenschaften von seiner Elternschnittstelle Node und somit auch von der Elterschnittstelle dieser, EventTarget.

Element.assignedSlot Schreibgeschützt: Gibt ein HTMLSlotElement zurück, das das <slot> repräsentiert, in dem 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 repräsentiert.
Element.clientLeft Schreibgeschützt: Gibt eine Zahl zurück, die die Breite des linken Randes des Elements repräsentiert.
Element.clientTop Schreibgeschützt: Gibt eine Zahl zurück, die die Breite des oberen Randes 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 gesetzt wurde.
Element.elementTiming: Ein String, der das elementtiming-Attribut widerspiegelt, das ein Element zur Beobachtung in der PerformanceElementTiming-API markiert.
Element.firstElementChild Schreibgeschützt: Gibt das erste Kindelement dieses Elements zurück.
Element.id: Ein String, der die ID des Elements repräsentiert.
Element.innerHTML: Ein String, der das Markup des Inhalts des Elements repräsentiert.
Element.lastElementChild Schreibgeschützt: Gibt das letzte Kindelement dieses Elements zurück.
Element.localName Schreibgeschützt: Ein String, der den lokalen Teil des qualifizierten Namens des Elements repräsentiert.
Element.namespaceURI Schreibgeschützt: Die Namespace-URI des Elements oder null, wenn es keinen Namespace gibt.
Element.nextElementSibling Schreibgeschützt: Ein Element, das Element unmittelbar nach dem gegebenen im Baum, oder null, wenn es keinen Geschwisterknoten gibt.
Element.outerHTML: Ein String, der das Markup des Elements einschließlich seines Inhalts repräsentiert. Wenn er als Setter verwendet wird, ersetzt er das Element mit Knoten, die aus dem angegebenen String geparst wurden.
Element.part: Repräsentiert die Part-Identifier des Elements (d.h. gesetzt mit dem part-Attribut), zurückgegeben als DOMTokenList.
Element.prefix Schreibgeschützt: Ein String, der das Namespace-Präfix des Elements repräsentiert, oder null, wenn kein Präfix angegeben ist.
Element.previousElementSibling Schreibgeschützt: Ein Element, das Element unmittelbar vor dem gegebenen im Baum, oder null, wenn es kein Geschwisterelement gibt.
Element.scrollHeight Schreibgeschützt: Gibt eine Zahl zurück, die die Scrollansicht-Höhe eines Elements repräsentiert.
Element.scrollLeft: Eine Zahl, die den linken Scroll-Offset des Elements repräsentiert.
Element.scrollLeftMax Schreibgeschützt: Gibt eine Zahl zurück, die den maximalen linken Scroll-Offset angibt, der für das Element möglich ist.
Element.scrollTop: Eine Zahl, die angibt, um wie viele Pixel das obere Ende des Elements vertikal gescrollt ist.
Element.scrollTopMax Schreibgeschützt: Gibt eine Zahl zurück, die den maximalen oberen Scroll-Offset angibt, der für das Element möglich ist.
Element.scrollWidth Schreibgeschützt: Gibt eine Zahl zurück, die die Scrollansicht-Breite des Elements repräsentiert.
Element.shadowRoot Schreibgeschützt: Gibt das offene Shadow-Root zurück, das von dem Element gehostet wird, oder null, wenn kein offenes 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.

Instanzeigenschaften, die in ARIA enthalten sind

Das Element-Interface enthält auch die folgenden Eigenschaften.

Element.ariaAtomic: Ein String, der das aria-atomic-Attribut widerspiegelt, welches angibt, ob unterstützende Technologien die gesamte oder nur Teile der geänderten Region basierend auf den Änderungsbenachrichtigungen anzeigen werden, die durch das aria-relevant-Attribut definiert sind.
Element.ariaAutoComplete: Ein String, der das aria-autocomplete-Attribut widerspiegelt, welches angibt, ob die Texteingabe die Anzeige von einer oder mehreren Vorhersagen des beabsichtigten Werts des Benutzers für ein Kombinationsfeld, eine Suchbox oder ein Textfeld auslösen könnte und spezifiziert, wie Vorhersagen präsentiert würden, wenn sie gemacht werden.
Element.ariaBrailleLabel: Ein String, der das aria-braillelabel-Attribut widerspiegelt, welches die Braille-Bezeichnung des Elements definiert.
Element.ariaBrailleRoleDescription: Ein String, der das aria-brailleroledescription-Attribut widerspiegelt, welches die ARIA-Braille-Rollenbeschreibung des Elements definiert.
Element.ariaBusy: Ein String, der das aria-busy-Attribut widerspiegelt, welches angibt, ob ein Element gerade 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, welches den aktuellen "checked"-Status von Kontrollkästchen, Optionsfeldern und anderen Widgets angibt, die einen checked-Status haben.
Element.ariaColCount: Ein String, der das aria-colcount-Attribut widerspiegelt, welches die Anzahl der Spalten in einer Tabelle, einem Raster oder einem Baumraster definiert.
Element.ariaColIndex: Ein String, der das aria-colindex-Attribut widerspiegelt, welches den Spaltenindex oder die Position eines Elements in Bezug auf die Gesamtanzahl der Spalten innerhalb einer Tabelle, eines Rasters oder eines Baumrasters definiert.
Element.ariaColIndexText: Ein String, der das aria-colindextext-Attribut widerspiegelt, welches eine menschenlesbare Textalternative zu aria-colindex definiert.
Element.ariaColSpan: Ein String, der das aria-colspan-Attribut widerspiegelt, welches 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, welches das Element angibt, das den aktuellen Eintrag innerhalb eines Containers oder einer Gruppe von verwandten Elementen darstellt.
Element.ariaDescription: Ein String, der das aria-description-Attribut widerspiegelt, welches einen String-Wert definiert, der das aktuelle Element beschreibt oder kommentiert.
Element.ariaDisabled: Ein String, der das aria-disabled-Attribut widerspiegelt, welches angibt, dass das Element wahrnehmbar, aber deaktiviert ist, sodass es nicht bearbeitbar oder anders bedienbar ist.
Element.ariaExpanded: Ein String, der das aria-expanded-Attribut widerspiegelt, welches angibt, ob ein von diesem Element besessener oder kontrollierter Gruppierungselement expanded oder collapsed ist.
Element.ariaHasPopup: Ein String, der das aria-haspopup-Attribut widerspiegelt, welches die Verfügbarkeit und den Typ eines interaktiven Popup-Elements angibt, wie beispielsweise ein Menü oder Dialogfeld, das durch ein Element ausgelöst werden kann.
Element.ariaHidden: Ein String, der das aria-hidden-Attribut widerspiegelt, welches angibt, ob das Element einer Zugänglichkeits-API ausgesetzt ist.
Element.ariaInvalid: Ein String, der das aria-invalid-Attribut widerspiegelt, welches angibt, dass der eingegebene Wert nicht dem vom Anwendungsprogramm erwarteten Format entspricht.
Element.ariaKeyShortcuts: Ein String, der das aria-keyshortcuts-Attribut widerspiegelt, welches die 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, welches einen String-Wert definiert, der das aktuelle Element bezeichnet.
Element.ariaLevel: Ein String, der das aria-level-Attribut widerspiegelt, welches die hierarchische Ebene eines Elements innerhalb einer Struktur definiert.
Element.ariaLive: Ein String, der das aria-live-Attribut widerspiegelt, welches angibt, dass ein Element aktualisiert wird, und beschreibt die Arten von Updates, die die Benutzeragenten, unterstützende Technologien und Benutzer von dem Live-Bereich erwarten können.
Element.ariaModal: Ein String, der das aria-modal-Attribut widerspiegelt, welches angibt, ob ein Element modal ist, wenn es angezeigt wird.
Element.ariaMultiline: Ein String, der das aria-multiline-Attribut widerspiegelt, welches angibt, ob ein Textfeld die Eingabe mehrerer Linien akzeptiert oder nur einer einzelnen Linie.
Element.ariaMultiSelectable: Ein String, der das aria-multiselectable-Attribut widerspiegelt, welches angibt, dass der Nutzer mehr als einen Eintrag aus den aktuellen wählbaren Nachfahren auswählen kann.
Element.ariaOrientation: Ein String, der das aria-orientation-Attribut widerspiegelt, welches angibt, ob die Orientierung des Elements horizontal, vertikal oder unbekannt/mehrdeutig ist.
Element.ariaPlaceholder: Ein String, der das aria-placeholder-Attribut widerspiegelt, welches einen kurzen Hinweis definiert, der dem Benutzer bei der Dateneingabe helfen soll, wenn das Steuerelement keinen Wert hat.
Element.ariaPosInSet: Ein String, der das aria-posinset-Attribut widerspiegelt, welches die Nummer oder Position eines Elements innerhalb der aktuellen Gruppe von Listenelementen oder Baumelementen definiert.
Element.ariaPressed: Ein String, der das aria-pressed-Attribut widerspiegelt, welches den aktuellen "gedrückten" Zustand von Umschalttasten zeigt.
Element.ariaReadOnly: Ein String, der das aria-readonly-Attribut widerspiegelt, welches angibt, dass das Element nicht bearbeitbar ist, jedoch bedienbar bleibt.
Element.ariaRelevant: Ein String, der das aria-relevant-Attribut widerspiegelt, welches angibt, welche Benachrichtigungen der Benutzeragent auslösen wird, wenn der Zugänglichkeitsbaum innerhalb eines Live-Bereichs modifiziert 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, welches angibt, dass Benutzereingaben auf dem Element erforderlich sind, bevor ein Formular abgesendet werden kann.
Element.ariaRoleDescription: Ein String, der das aria-roledescription-Attribut widerspiegelt, welches eine menschenlesbare, vom Autor lokalisierte Beschreibung für die Rolle eines Elements definiert.
Element.ariaRowCount: Ein String, der das aria-rowcount-Attribut widerspiegelt, welches die Gesamtzahl der Zeilen in einer Tabelle, einem Raster oder einem Baumraster definiert.
Element.ariaRowIndex: Ein String, der das aria-rowindex-Attribut widerspiegelt, welches den Zeilenindex oder die Position eines Elements in Bezug auf die Gesamtanzahl der Zeilen innerhalb einer Tabelle, eines Rasters oder eines Baumrasters definiert.
Element.ariaRowIndexText: Ein String, der das aria-rowindextext-Attribut widerspiegelt, welches eine menschenlesbare Textalternative zu aria-rowindex definiert.
Element.ariaRowSpan: Ein String, der das aria-rowspan-Attribut widerspiegelt, welches die Anzahl der 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, welches den aktuellen "ausgewählten" Zustand von Elementen anzeigt, die einen ausgewählten Zustand haben.
Element.ariaSetSize: Ein String, der das aria-setsize-Attribut widerspiegelt, welches die Anzahl der Elemente in der aktuellen Gruppe von Listenelementen oder Baumelementen definiert.
Element.ariaSort: Ein String, der das aria-sort-Attribut widerspiegelt, welches angibt, ob Elemente in einer Tabelle oder einem Raster aufsteigend oder absteigend sortiert sind.
Element.ariaValueMax: Ein String, der das aria-valueMax-Attribut widerspiegelt, welches den maximal zulässigen Wert für ein Bereichs-Widget definiert.
Element.ariaValueMin: Ein String, der das aria-valueMin-Attribut widerspiegelt, welches den minimal zulässigen Wert für ein Bereichs-Widget definiert.
Element.ariaValueNow: Ein String, der das aria-valueNow-Attribut widerspiegelt, welches den aktuellen Wert für ein Bereichs-Widget definiert.
Element.ariaValueText: Ein String, der das aria-valuetext-Attribut widerspiegelt, welches die menschenlesbare Textalternative von aria-valuenow für ein Bereichs-Widget definiert.
Element.role: Ein String, der das explizit gesetzte role-Attribut widerspiegelt, welches die semantische Rolle des Elements bereitstellt.

Instanzeigenschaften, die aus ARIA-Elementreferenzen reflektiert werden

Die Eigenschaften spiegeln die durch id-Referenz in den entsprechenden Attributen angegebenen Elemente wider, jedoch mit einigen Vorbehalten. Weitere Informationen finden Sie unter Reflektierte Elementreferenzen im Reflektierte Attribute-Leitfaden.

Element.ariaActiveDescendantElement: Ein Element, das das aktuelle aktive Element repräsentiert, wenn der Fokus auf einem composite-Widget, combobox, textbox, group oder application liegt. Spiegelt das aria-activedescendant-Attribut wider.
Element.ariaControlsElements: Ein Array von Elementen, deren Inhalte oder Präsenz durch das darauf angewendete Element gesteuert werden. Spiegelt das aria-controls-Attribut wider.
Element.ariaDescribedByElements: Ein Array von Elementen, das die barrierefreie Beschreibung für das darauf angewendete Element enthält. Spiegelt das aria-describedby-Attribut wider.
Element.ariaDetailsElements: Ein Array von Elementen, das barrierefreie Details für das darauf angewendete Element bietet. Spiegelt das aria-details-Attribut wider.
Element.ariaErrorMessageElements: Ein Array von Elementen, das eine Fehlermeldung für das darauf angewendete Element bereitstellt. Spiegelt das aria-errormessage-Attribut wider.
Element.ariaFlowToElements: Ein Array von Elementen, das das nächste Element (oder die nächsten Elemente) in einer alternativen Leseordnung von Inhalten identifiziert und dabei die allgemeine Standardleseordnung nach dem Ermessen des Benutzers überschreibt. Spiegelt das aria-flowto-Attribut wider.
Element.ariaLabelledByElements: Ein Array von Elementen, das den barrierefreien Namen für das darauf angewendete Element bereitstellt. Spiegelt das aria-labelledby-Attribut wider.
Element.ariaOwnsElements: Ein Array von Elementen, die dem darauf angewendeten Element gehören. Dies wird verwendet, um eine visuelle, funktionale oder kontextuelle Beziehung zwischen einem übergeordneten Element und seinen untergeordneten Elementen zu definieren, wenn die DOM-Hierarchie nicht verwendet werden kann, um die Beziehung darzustellen. Spiegelt das aria-owns-Attribut wider.

Instanzmethoden

Element erbt Methoden von seinen Eltern, Node und dessen Elter, EventTarget.

Element.after(): Fügt eine Reihe von Node-Objekten oder Strings in die Kinderliste des Elternteils des Elements ein, direkt nach dem Element.
Element.animate(): Eine Kurzmethoden zur Erstellung und Ausführung einer Animation auf einem Element. Gibt die erstellte Instanz des Animation-Objekts zurück.
Element.ariaNotify(): Gibt an, dass ein bestimmter Textabschnitt 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 dem angegebenen Element einen Shadow-DOM-Baum hinzu und gibt eine Referenz auf sein ShadowRoot zurück.
Element.before(): Fügt eine Reihe von Node-Objekten oder Strings in die Kinderliste des Elternteils des Elements ein, direkt vor dem Element.
Element.checkVisibility(): Gibt zurück, ob ein Element basierend auf konfigurierbaren Prüfungen sichtbar sein soll oder nicht.
Element.closest(): Gibt das Element zurück, das der nächste Vorfahre des aktuellen Elements (oder das aktuelle Element selbst) ist, das den in Parameter angegebenen Selektoren entspricht.
Element.computedStyleMap(): Gibt ein StylePropertyMapReadOnly-Interface zurück, das eine schreibgeschützte Darstellung eines CSS-Deklarationsblocks bietet, der eine Alternative zu CSSStyleDeclaration ist.
Element.getAnimations(): Gibt ein Array von Animation-Objekten zurück, die derzeit auf dem Element aktiv sind.
Element.getAttribute(): Ruft den Wert des benannten Attributs vom aktuellen Knoten ab und gibt ihn als String zurück.
Element.getAttributeNames(): Gibt ein Array von Attributnamen vom aktuellen Element zurück.
Element.getAttributeNode(): Ruft die Knotenpräsentation des benannten Attributs vom aktuellen Knoten ab und gibt sie als Attr zurück.
Element.getAttributeNodeNS(): Ruft die Knotenpräsentation 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 Viewport zurück.
Element.getBoxQuads(): 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 angeben.
Element.getElementsByClassName(): Gibt eine Live HTMLCollection zurück, die alle Nachkommen des aktuellen Elements enthält, die die im Parameter angegebenen Klassen besitzen.
Element.getElementsByTagName(): Gibt eine Live HTMLCollection zurück, die alle Nachkommenelemente eines bestimmten Tags vom aktuellen Element enthält.
Element.getElementsByTagNameNS(): Gibt eine Live HTMLCollection zurück, die alle Nachkommenelemente eines bestimmten Tags und Namensraums vom aktuellen Element enthält.
Element.getHTML(): Gibt den DOM-Inhalt des Elements als HTML-String zurück, optional einschließlich jeglichen Shadow-DOM.
Element.hasAttribute(): Gibt einen Boolean-Wert zurück, der anzeigt, ob das Element das angegebene Attribut hat oder nicht.
Element.hasAttributeNS(): Gibt einen Boolean-Wert zurück, der anzeigt, ob das Element das angegebene Attribut im angegebenen Namespace hat oder nicht.
Element.hasAttributes(): Gibt einen Boolean-Wert zurück, der anzeigt, ob das Element ein oder mehrere HTML-Attribute enthält.
Element.hasPointerCapture(): Gibt an, ob das Element, auf dem es aufgerufen wird, den Pointer-Capture für den durch die gegebene Pointer-ID identifizierten Pointer hat.
Element.insertAdjacentElement(): Fügt ein gegebenes Elementknot zum gegebenen Element relativ zum aufgerufen Element an einer angegebenen Position ein.
Element.insertAdjacentHTML(): Parst den Text als HTML oder XML und fügt die resultierenden Knoten in den Baum an der angegebenen Position ein.
Element.insertAdjacentText(): Fügt einen gegebenen Textknoten an einer angegebenen Position relativ zu dem Element ein, auf dem es aufgerufen wird.
Element.matches(): Gibt einen Boolean-Wert zurück, der angibt, ob das Element von der angegebenen Selektorzeichenkette ausgewählt werden würde oder nicht.
Element.moveBefore(): Verschiebt einen gegebenen Node innerhalb des aufrufenden Knotens als direktes Kind vor einem angegebenen 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.pseudo(): Gibt ein CSSPseudoElement-Objekt zurück, das das CSS Pseudo-Element des angegebenen Typs darstellt, das dem Element zugeordnet ist.
Element.querySelector(): Gibt den ersten Node zurück, der relativ zum Element der angegebenen Selektorzeichenkette entspricht.
Element.querySelectorAll(): Gibt eine NodeList von Knoten zurück, die der angegebenen Selektorzeichenkette relativ zum Element entsprechen.
Element.releasePointerCapture(): Gibt den zuvor für ein spezifisches PointerEvent gesetzten Pointer-Capture frei (stoppt diesen).
Element.remove(): Entfernt das Element aus der Kinderliste seines Elternobjekts.
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 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 Zeichenfolgen.
Element.requestFullscreen(): Fordert den Browser asynchron auf, das Element im Vollbildmodus darzustellen.
Element.requestPointerLock(): Ermöglicht es, den Pointer asynchron auf dem angegebenen Element zu verriegeln.
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(): Scrollt das aktuelle Element in den sichtbaren Bereich des Browserfensters, falls es sich nicht bereits im sichtbaren Bereich des Browserfensters befindet. Verwenden Sie den Standard Element.scrollIntoView() stattdessen.
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 Knotenpräsentation des benannten Attributs vom aktuellen Knoten.
Element.setAttributeNodeNS(): Setzt die Knotenpräsentation 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(): Richtet die Erfassung von Mausereignissen ein und leitet alle Mausereignisse an dieses Element um.
Element.setHTML() Sicherer Kontext: Parst und säubert einen HTML-String in ein Dokumentfragment, das dann den ursprünglichen Teilbaum des Elements im DOM ersetzt.
Element.setHTMLUnsafe(): Parst einen HTML-String in ein Dokumentfragment, ohne Säuberung, das dann den ursprünglichen Teilbaum des Elements im DOM ersetzt. Der HTML-String kann deklarative Shadow-Roots enthalten, die als Template-Elemente geparst werden würden, wenn das HTML mit Element.innerHTML gesetzt wurde.
Element.setPointerCapture(): Bestimmt ein spezifisches Element als das Zielobjekt zur Erfassung zukünftiger Pointer-Ereignisse.
Element.toggleAttribute(): Schaltet ein boolesches Attribut um, entfernt es, wenn es vorhanden ist, und fügt es hinzu, wenn es nicht vorhanden ist, auf dem angegebenen Element.

Ereignisse

Hören Sie auf diese Ereignisse mit addEventListener() oder durch Zuweisung eines Ereignis-Listeners zur oneventname-Eigenschaft dieser Schnittstelle.

afterscriptexecute: Wird ausgelöst, wenn ein Skript ausgeführt wurde.
beforeinput: Wird ausgelöst, wenn der Wert eines Eingabeelements geändert werden soll.
beforematch: Wird bei einem Element, das sich im versteckt bis gefunden-Zustand befindet, ausgelöst, wenn der Browser bereit ist, seinen Inhalt zu enthüllen, weil der Benutzer den Inhalt durch die "Finden auf Seite"-Funktion oder durch Fragment-Navigation gefunden hat.
beforescriptexecute: Wird ausgelöst, wenn ein Skript kurz davor ist, ausgeführt zu werden.
beforexrselect: Wird ausgelöst, bevor WebXR-Auswahlevents (select, selectstart, selectend) verteilt werden.
contentvisibilityautostatechange: Wird für jedes Element mit content-visibility: auto gesetzt, wenn es beginnt 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 ein Rad an einem Zeigegerät (meistens eine Maus) dreht.

Animationsereignisse

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

Zwischenablageereignisse

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 durch ein Textkompositionssystem wie einen Eingabemethoden-Editor empfangen wird.

Fokuserreignisse

blur: Wird ausgelöst, wenn ein Element den Fokus verloren hat.
focus: Wird ausgelöst, wenn ein Element den Fokus erhalten hat.
focusin: Wird ausgelöst, wenn ein Element den Fokus erhalten hat, nachdem focus ausgelöst wurde.
focusout: Wird ausgelöst, wenn ein Element den Fokus verloren hat, nachdem blur ausgelöst wurde.

Vollbildereignisse

fullscreenchange: Wird an ein Element gesendet, wenn es in den oder aus dem Vollbildmodus wechselt.
fullscreenerror: Wird an ein Element gesendet, wenn beim Versuch, es in den oder aus dem Vollbildmodus zu wechseln, ein Fehler auftritt.

Tastaturereignisse

keydown: Wird ausgelöst, wenn eine Taste gedrückt wird.
keypress: Wird ausgelöst, wenn eine Taste, die einen Zeichenwert erzeugt, gedrückt wird.
keyup: Wird ausgelöst, wenn eine Taste losgelassen wird.

Mausereignisse

auxclick: Wird ausgelöst, wenn eine nicht-primäre Taste eines Zeigegeräts (z. B. eine andere Maustaste als die linke) auf einem Element gedrückt und losgelassen wird.
click: Wird ausgelöst, wenn eine Zeigegerätetaste (z. B. die primäre Maustaste) auf einem 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 Maustaste) zweimal auf einem Element geklickt wird.
DOMActivate: Tritt auf, wenn ein Element aktiviert wird, zum Beispiel durch einen Mausklick oder eine Tasteneingabe.
DOMMouseScroll: Tritt auf, wenn das Mausrad oder ein ähnliches Gerät verwendet wird und der akkumulierte Scrollbetrag seit dem letzten Ereignis 1 Zeile oder 1 Seite überschreitet.
mousedown: Wird ausgelöst, wenn eine Zeigegerätetaste auf einem Element gedrückt wird.
mouseenter: Wird ausgelöst, wenn ein Zeigegerät (meist eine Maus) über das Element bewegt wird, das den Listener angehängt hat.
mouseleave: Wird ausgelöst, wenn der Zeiger eines Zeigegeräts (meist eine Maus) aus einem Element heraus bewegt wird, das den Listener daran angehängt hat.
mousemove: Wird ausgelöst, wenn ein Zeigegerät (meist eine Maus) innerhalb eines Elements bewegt wird.
mouseout: Wird ausgelöst, wenn ein Zeigegerät (meist eine Maus) aus dem Element bewegt wird, dem der Listener angehängt ist, oder aus einem seiner Nachkommen.
mouseover: Wird ausgelöst, wenn ein Zeigegerät auf das Element bewegt wird, dem der Listener angehängt ist, oder auf einen seiner Nachkommen.
mouseup: Wird ausgelöst, wenn eine Zeigegerätetaste auf einem Element losgelassen wird.
mousewheel: Wird ausgelöst, wenn ein Mausrad oder ein ähnliches Gerät betrieben wird.
MozMousePixelScroll: Wird ausgelöst, wenn ein Mausrad oder ein ähnliches Gerät betrieben wird.
webkitmouseforcechanged: Wird jedes Mal ausgelöst, wenn sich der Druck auf dem Trackpad-Touchscreen ändert.
webkitmouseforcedown: Wird nach dem mousedown-Ereignis ausgelöst, sobald ausreichend Druck ausgeübt wurde, um als "Kraftklick" zu qualifizieren.
webkitmouseforcewillbegin: Wird vor dem mousedown-Ereignis ausgelöst.
webkitmouseforceup: Wird nach dem webkitmouseforcedown Ereignis ausgelöst, sobald der Druck ausreichend reduziert wurde, um den "Kraftklick" zu beenden.

Pointer-Ereignisse

gotpointercapture: Wird ausgelöst, wenn ein Element einen Pointer mit setPointerCapture() erfasst.
lostpointercapture: Wird ausgelöst, wenn ein erfasster Pointer freigegeben wird.
pointercancel: Wird ausgelöst, wenn ein Pointer-Ereignis abgebrochen wird.
pointerdown: Wird ausgelöst, wenn ein Zeiger aktiv wird.
pointerenter: Wird ausgelöst, wenn ein Zeiger in die Grenzen eines Elements und seiner Nachkommen bewegt wird.
pointerleave: Wird ausgelöst, wenn ein Zeiger die Grenzen eines Elements verlässt.
pointermove: Wird ausgelöst, wenn ein Zeiger Koordinaten ändert.
pointerout: Wird ausgelöst, wenn ein Zeiger aus den Treffergrenzen eines Elements bewegt wird (unter anderem).
pointerover: Wird ausgelöst, wenn ein Zeiger in die Treffergrenzen eines Elements bewegt wird.
pointerrawupdate: Wird ausgelöst, wenn ein Zeiger irgendwelche Eigenschaften ändert, die keine pointerdown oder pointerup Ereignisse auslösen.
pointerup: Wird ausgelöst, wenn ein Zeiger nicht mehr aktiv ist.

Scroll-Ereignisse

scroll: Wird ausgelöst, wenn das Dokumentfenster oder ein Element gescrollt wurde.
scrollend: Wird ausgelöst, wenn das Dokumentfenster das Scrollen beendet hat.
scrollsnapchange: Wird am Scrollbehälter am Ende eines Scrollvorgangs ausgelöst, wenn ein neues Scroll-Snap-Ziel ausgewählt wurde.
scrollsnapchanging: Wird am Scrollbehälter ausgelöst, wenn der Browser festlegt, dass ein neues Scroll-Snap-Ziel aussteht, d.h. es wird ausgewählt, wenn die aktuelle Scrollgeste endet.

Touch-Ereignisse

gesturechange: Wird ausgelöst, wenn sich die Fingerpositionen während einer Berührungsgeste ändern.
gestureend: Wird ausgelöst, wenn keine Finger mehr die Berührungsoberfläche berühren und somit die Geste endet.
gesturestart: Wird ausgelöst, wenn mehrere Finger die Berührungsoberfläche berühren und somit eine neue Geste beginnen.
touchcancel: Wird ausgelöst, wenn ein oder mehrere Berührungspunkte in einer implementationsspezifischen Weise gestört wurden (zum Beispiel, wenn zu viele Berührungspunkte erstellt wurden).
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 der Berührungsoberfläche platziert 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 normal abgeschlossen wurde.
transitionrun: Ein Event, das ausgelöst wird, wenn eine CSS Transition erstellt wurde (d.h. wenn sie zu einer Reihe von laufenden Transitionen hinzugefügt wird), obwohl sie nicht zwingend gestartet wird.
transitionstart: Ein Event, das ausgelöst wird, wenn eine CSS Transition zu transitionieren 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

Help improve MDN

Erfahren Sie, wie Sie beitragen können Diese Seite wurde automatisch aus dem Englischen übersetzt.

Übersetzung auf GitHub anzeigen • Fehler mit dieser Übersetzung melden