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 darstellen) in einem Document erben. Sie verfügt nur über Methoden und Eigenschaften, die allen Arten von Elementen gemeinsam sind. Spezifischere Klassen erben von Element.

Zum Beispiel ist das HTMLElement Interface die Basisschnittstelle für HTML-Elemente. Ähnlich ist das SVGElement Interface die Grundlage für alle SVG-Elemente, und das MathMLElement Interface ist die Basisschnittstelle für MathML-Elemente. Die meisten Funktionalitäten sind weiter in der Klassenhierarchie spezifiziert.

Sprachen außerhalb des Bereichs der Webplattform, wie XUL über das XULElement Interface, implementieren ebenfalls Element.

Instanzeigenschaften

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

Element.assignedSlot Schreibgeschützt: Gibt ein HTMLSlotElement zurück, das das <slot> repräsentiert, in das der Knoten eingefügt wird.
Element.attributes Schreibgeschützt: Gibt ein NamedNodeMap Objekt zurück, das die zugeordneten Attribute des entsprechenden HTML-Elements enthält.
Element.childElementCount Schreibgeschützt: Gibt die Anzahl der Kind-Elemente dieses Elements zurück.
Element.children Schreibgeschützt: Gibt die Kind-Elemente 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 Nummer zurück, die die innere Höhe des Elements darstellt.
Element.clientLeft Schreibgeschützt: Gibt eine Nummer zurück, die die Breite des linken Rahmens des Elements darstellt.
Element.clientTop Schreibgeschützt: Gibt eine Nummer zurück, die die Breite des oberen Rahmens des Elements darstellt.
Element.clientWidth Schreibgeschützt: Gibt eine Nummer 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.customElementRegistry Schreibgeschützt: Das CustomElementRegistry Objekt, das mit diesem Element verbunden ist, oder null, wenn keines gesetzt wurde.
Element.elementTiming: 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 Kind-Element 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 Kind-Element 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 Namensraum-URI des Elements oder null, wenn es keinen Namensraum gibt.
Element.nextElementSibling Schreibgeschützt: Ein Element, das Element, das unmittelbar dem gegebenen in der Struktur folgt, oder null, wenn es keinen Geschwisterknoten gibt.
Element.outerHTML: Ein String, der das Markup des Elements einschließlich seines Inhalts repräsentiert. Wird es als Setter verwendet, ersetzt es das Element mit Knoten, die aus dem gegebenen String geparst werden.
Element.part: Repräsentiert die Teil-Identifikatoren des Elements (d.h. gesetzt mit dem part Attribut), zurückgegeben als eine DOMTokenList.
Element.prefix Schreibgeschützt: Ein String, der das Namensraumprefix des Elements repräsentiert, oder null, wenn kein Prefix spezifiziert ist.
Element.previousElementSibling Schreibgeschützt: Ein Element, das Element, das unmittelbar vor dem gegebenen in der Struktur kommt, oder null, wenn es kein Geschwisterelement gibt.
Element.scrollHeight Schreibgeschützt: Gibt eine Nummer zurück, die die Scrollansicht-Höhe eines Elements darstellt.
Element.scrollLeft: Eine Nummer, die den linken Scrollversatz des Elements darstellt.
Element.scrollLeftMax Schreibgeschützt: Gibt eine Nummer zurück, die den maximal möglichen linken Scrollversatz für das Element darstellt.
Element.scrollTop: Eine Nummer, die die Anzahl der Pixel darstellt, um die der obere Rand des Elements vertikal gescrollt ist.
Element.scrollTopMax Schreibgeschützt: Gibt eine Nummer zurück, die den maximal möglichen oberen Scrollversatz für das Element darstellt.
Element.scrollWidth Schreibgeschützt: Gibt eine Nummer zurück, die die Scrollansicht-Breite des Elements darstellt.
Element.shadowRoot Schreibgeschützt: Gibt die offene Shadow-Root zurück, die durch das Element gehostet wird, oder null, wenn keine offene Shadow-Root vorhanden ist.
Element.slot: Gibt den Namen des Shadow-DOM-Slots zurück, in den das Element eingefügt ist.
Element.tagName Schreibgeschützt: Gibt einen String mit dem Namen des Tags für das gegebene Element zurück.

Instanzeigenschaften, die von ARIA enthalten sind

Das Element Interface enthält auch die folgenden Eigenschaften.

Element.ariaAtomic: Ein String, der das aria-atomic Attribut widerspiegelt, das angibt, ob unterstützende Technologien alle oder nur Teile der geänderten Region präsentieren werden, basierend auf den Änderungsbenachrichtigungen, die durch das aria-relevant Attribut definiert werden.
Element.ariaAutoComplete: Ein String, der das aria-autocomplete Attribut widerspiegelt, das angibt, ob das Eingeben von Text die Anzeige von einer oder mehreren Vorhersagen des vom Benutzer beabsichtigten Werts für ein Kombinationsfeld, Suchfeld oder Textfeld auslösen könnte und wie Vorhersagen präsentiert würden, wenn sie getroffen würden.
Element.ariaBrailleLabel: Ein String, der das aria-braillelabel Attribut widerspiegelt, das das Braille-Label des Elements definiert.
Element.ariaBrailleRoleDescription: Ein String, der das aria-brailleroledescription Attribut widerspiegelt, das die ARIA-Braille-Rollenbeschreibung des Elements definiert.
Element.ariaBusy: Ein String, der das aria-busy Attribut widerspiegelt, das angibt, ob ein Element modifiziert wird, da unterstützende Technologien möglicherweise warten wollen, bis die Modifikationen abgeschlossen sind, bevor sie dem Benutzer exponiert 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 den Spaltenindex oder die Position eines Elements im Verhältnis zur Gesamtzahl der Spalten innerhalb einer Tabelle, eines Rasters oder eines Baumrasters definiert.
Element.ariaColIndexText: Ein String, der das aria-colindextext Attribut widerspiegelt, das eine menschengerechte Textalternative des aria-colindex definiert.
Element.ariaColSpan: Ein String, der das aria-colspan Attribut widerspiegelt, das die Anzahl der durch eine Zelle oder ein Rasterzelle in einer Tabelle, einem Raster oder einem Baumraster ü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 Satzes 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 bearbeitbar oder anderweitig bedienbar ist.
Element.ariaExpanded: Ein String, der das aria-expanded Attribut widerspiegelt, das angibt, ob ein durch dieses Element besessener oder gesteuerter Gruppierungselement erweitert oder zusammengeklappt ist.
Element.ariaHasPopup: Ein String, der das aria-haspopup Attribut widerspiegelt, das die Verfügbarkeit und den Typ von interaktiven Popup-Elementen angibt, wie zum Beispiel Menü oder Dialog, die durch ein Element ausgelöst werden können.
Element.ariaHidden: Ein String, der das aria-hidden Attribut widerspiegelt, das angibt, ob das Element für eine Zugänglichkeits-API exponiert ist.
Element.ariaInvalid: Ein String, der das aria-invalid Attribut widerspiegelt, das angibt, dass der eingegebene Wert nicht dem vom Anwendungsprogramm erwarteten Format entspricht.
Element.ariaKeyShortcuts: Ein String, der das aria-keyshortcuts Attribut widerspiegelt, das Tastaturkürzel angibt, die ein Autor implementiert hat, um ein Element zu aktivieren oder den Fokus darauf zu legen.
Element.ariaLabel: Ein String, der das aria-label Attribut widerspiegelt, das einen String-Wert definiert, der das aktuelle Element bezeichnet.
Element.ariaLevel: Ein String, der das aria-level Attribut widerspiegelt, das die hierarchische Ebene eines Elements innerhalb einer Struktur definiert.
Element.ariaLive: Ein String, der das aria-live Attribut widerspiegelt, das angibt, dass ein Element aktualisiert wird, und die Art der Updates beschreibt, die die Benutzeragenten, unterstützende Technologien und der Benutzer vom Live-Bereich erwarten können.
Element.ariaModal: Ein String, der das aria-modal Attribut widerspiegelt, das angibt, ob ein Element im angezeigten Zustand modal ist.
Element.ariaMultiline: Ein String, der das aria-multiline Attribut widerspiegelt, das angibt, ob ein Textfeld mehrere Zeilen der Eingabe akzeptiert oder nur eine einzelne Zeile.
Element.ariaMultiSelectable: Ein String, der das aria-multiselectable Attribut widerspiegelt, das angibt, dass der Benutzer mehr als ein Element aus den aktuellen wählbaren Nachkommen auswählen kann.
Element.ariaOrientation: Ein String, der das aria-orientation Attribut widerspiegelt, das angibt, ob die Orientierung des Elements horizontal, vertikal oder unbekannt/mehrdeutig ist.
Element.ariaPlaceholder: Ein String, der das aria-placeholder Attribut widerspiegelt, das einen kurzen Hinweis definiert, um dem Benutzer bei der Dateneingabe zu helfen, wenn das Steuerelement keinen Wert hat.
Element.ariaPosInSet: Ein String, der das aria-posinset Attribut widerspiegelt, das die Nummer oder Position eines Elements im aktuellen Satz von Listenelementen oder Baumsten definiert.
Element.ariaPressed: Ein String, der das aria-pressed Attribut widerspiegelt, das den aktuellen "gedrückten" Zustand von Umschaltknöpfen angibt.
Element.ariaReadOnly: Ein String, der das aria-readonly Attribut widerspiegelt, das angibt, dass das Element nicht bearbeitbar, aber dennoch bedienbar ist.
Element.ariaRelevant: 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 auf dem 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 Gesamtzahl 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 Gesamtzahl der Zeilen innerhalb einer Tabelle, eines Rasters oder eines Baumrasters definiert.
Element.ariaRowIndexText: Ein String, der das aria-rowindextext Attribut widerspiegelt, das eine menschlich lesbare Textalternative des aria-rowindex definiert.
Element.ariaRowSpan: Ein String, der das aria-rowspan Attribut widerspiegelt, das die Anzahl der durch eine Zelle oder ein Rasterzelle in einer Tabelle, einem Raster oder einem Baumraster überspannten Zeilen definiert.
Element.ariaSelected: Ein String, der das aria-selected Attribut widerspiegelt, das den aktuellen "ausgewählten" Zustand von Elementen, die einen ausgewählten Zustand haben, angibt.
Element.ariaSetSize: Ein String, der das aria-setsize Attribut widerspiegelt, das die Anzahl der Elemente im aktuellen Satz von Listenelementen oder Baumsteindefiniert.
Element.ariaSort: Ein String, der das aria-sort Attribut widerspiegelt, das angibt, ob Elemente in einer Tabelle oder in einem Raster in aufsteigender oder absteigender Reihenfolge sortiert sind.
Element.ariaValueMax: Ein String, der das aria-valuemax Attribut widerspiegelt, das den maximal zulässigen Wert für ein Bereichs-Widget definiert.
Element.ariaValueMin: Ein String, der das aria-valuemin Attribut widerspiegelt, das den minimal zulässigen Wert für ein Bereichs-Widget definiert.
Element.ariaValueNow: Ein String, der das aria-valuenow Attribut widerspiegelt, das den aktuellen Wert für ein Bereichs-Widget definiert.
Element.ariaValueText: Ein String, der das aria-valuetext Attribut widerspiegelt, das die menschenlesbare Textalternative der aria-valuenow für ein Bereichs-Widget definiert.
Element.role: Ein String, der das explizit gesetzte role Attribut widerspiegelt, das die semantische Rolle des Elements angibt.

Instanzeigenschaften, die von ARIA-Elementreferenzen reflektiert werden

Die Eigenschaften spiegeln die durch id-Referenz in den entsprechenden Attributen angegebenen Elemente wider, allerdings mit einigen Vorbehalten. Siehe Reflektierte Elementreferenzen im Reflected attributes Leitfaden für weitere Informationen.

Element.ariaActiveDescendantElement: Ein Element, das das aktuell aktive Element darstellt, 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 Inhalt oder Vorhandensein von dem Element gesteuert wird, auf das es angewendet wird. Spiegelt das aria-controls Attribut wider.
Element.ariaDescribedByElements: Ein Array von Elementen, das die zugängliche Beschreibung für das Element enthält, auf das es angewendet wird. Spiegelt das aria-describedby Attribut wider.
Element.ariaDetailsElements: Ein Array von Elementen, das zugängliche Details für das Element bereitstellt, auf das es angewendet wird. Spiegelt das aria-details Attribut wider.
Element.ariaErrorMessageElements: Ein Array von Elementen, das eine Fehlermeldung für das Element bereitstellt, auf das es angewendet wird. 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 Lesereihenfolge des Inhalts identifiziert und damit die allgemeine Standardlesereihenfolge nach Ermessen des Benutzers außer Kraft setzt. Spiegelt das aria-flowto Attribut wider.
Element.ariaLabelledByElements: Ein Array von Elementen, das den zugänglichen Namen für das Element bereitstellt, auf das es angewendet wird. Spiegelt das aria-labelledby Attribut wider.
Element.ariaOwnsElements: Ein Array von Elementen, die von dem Element, auf das dies angewendet wird, besitzt werden. Dies wird verwendet, um eine visuelle, funktionale oder kontextuelle Beziehung zwischen einem Eltern- und seinen Kind-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 seinem eigenen Elternteil, EventTarget.

Element.after(): Fügt eine Menge von Node Objekten oder Strings in die Kinderliste des Elternteils des Element ein, knapp nach dem Element.
Element.animate(): Eine Schnellmethode, um eine Animation auf einem Element zu erstellen und auszuführen. Gibt die erstellte Instanz des Animation-Objekts zurück.
Element.ariaNotify(): Gibt an, dass ein bestimmter Text von einem Bildschirmlesegerät angekündigt werden soll.
Element.append(): Fügt eine Menge von Node Objekten oder Strings nach dem letzten Kind des Elements ein.
Element.attachShadow(): Hängt einen Shadow-DOM-Baum an das spezifizierte Element an und gibt eine Referenz auf seine ShadowRoot zurück.
Element.before(): Fügt eine Menge von Node Objekten oder Strings in die Kinderliste des Elternteils des Element ein, knapp vor dem Element.
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ächstgelegene Vorfahre des aktuellen Elements (oder das aktuelle Element selbst) ist, das die im Parameter angegebenen Selektoren erfüllt.
Element.computedStyleMap(): Gibt eine StylePropertyMapReadOnly Schnittstelle zurück, die eine schreibgeschützte Darstellung eines CSS-Deklarationsblocks bietet, was eine Alternative zu CSSStyleDeclaration ist.
Element.getAnimations(): Gibt ein Array von derzeit auf dem Element aktiven Animation-Objekten zurück.
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 ein Attr zurück.
Element.getAttributeNodeNS(): Ruft die Knotenrepräsentation des Attributs mit dem spezifizierten Namen und Namensraum vom aktuellen Knoten ab und gibt sie als ein Attr zurück.
Element.getAttributeNS(): Ruft den Wert des Attributs mit dem spezifizierten Namensraum 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(): Gibt eine Liste von DOMQuad Objekten zurück, die die CSS-Fragmenten 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](/de/docs/Web/API/HTMLCollection) zurück, die alle Nachfahren des aktuellen Elements enthält, die die im Parameter angegebene Klassenliste besitzen.
Element.getElementsByTagName(): Gibt eine Live-[HTMLCollection](/de/docs/Web/API/HTMLCollection) zurück, die alle Nachfahr-Elemente eines bestimmten Tag-Namens vom aktuellen Element enthält.
Element.getElementsByTagNameNS(): Gibt eine Live-[HTMLCollection](/de/docs/Web/API/HTMLCollection) zurück, die alle Nachfahr-Elemente eines bestimmten Tag-Namens und Namensraums vom aktuellen Element enthält.
Element.getHTML(): Gibt den DOM-Inhalt des Elements als einen HTML-String zurück, optional einschließlich eines Shadow-DOMs.
Element.hasAttribute(): Gibt einen booleschen Wert zurück, der angibt, ob das Element das spezifizierte Attribut hat oder nicht.
Element.hasAttributeNS(): Gibt einen booleschen Wert zurück, der angibt, ob das Element das spezifizierte Attribut im angegebenen Namensraum hat oder nicht.
Element.hasAttributes(): Gibt einen booleschen Wert zurück, der angibt, ob das Element eines oder mehrere HTML-Attribute vorliegen hat.
Element.hasPointerCapture(): Gibt an, ob das Element, auf dem es aufgerufen wird, die Zeigererfassung für den durch die gegebene Zeiger-ID identifizierten Zeiger besitzt.
Element.insertAdjacentElement(): Fügt einen gegebenen Elementknoten an einer gegebenen 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 in die Struktur an der angegebenen Position 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 werden würde oder nicht.
Element.moveBefore(): Verschiebt einen gegebenen Node innerhalb des aufrufenden Knotens als direktes Kind vor einen gegebenen Referenzknoten, ohne den Knoten zu entfernen und dann wieder einzufügen.
Element.prepend(): Fügt eine Menge 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 spezifizierten Typs, das dem Element zugeordnet ist, darstellt.
Element.querySelector(): Gibt den ersten Node zurück, der dem angegebenen Selektor-String relativ zum Element entspricht.
Element.querySelectorAll(): Gibt eine NodeList von Knoten zurück, die dem angegebenen Selektor-String relativ zum Element entsprechen.
Element.releasePointerCapture(): Befreit (stoppt) die Zeigererfassung, die zuvor für ein spezifisches 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 spezifizierten Namen und Namensraum 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 einen Satz von Node Objekten oder Strings.
Element.requestFullscreen(): Fragt den Browser asynchron, ob das Element im Vollbildmodus angezeigt werden kann.
Element.requestPointerLock(): Ermöglicht es, asynchron zu fragen, dass der Zeiger auf das gegebene Element gesperrt wird.
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(): Scrollt das aktuelle Element in den sichtbaren Bereich des Browserfensters, wenn es sich nicht bereits 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 spezifizierten Namen und Namensraum vom aktuellen Knoten.
Element.setAttributeNS(): Setzt den Wert des Attributs mit dem spezifizierten Namen und Namensraum vom aktuellen Knoten.
Element.setCapture(): Richtet die Mauserfassung ein, indem alle Mausereignisse auf dieses Element umgeleitet werden.
Element.setHTML() Sicherer Kontext: Parst und saniert einen HTML-String in ein Dokumentfragment, das dann den ursprünglichen Unterbaum des Elements im DOM ersetzt.
Element.setHTMLUnsafe(): Parst einen HTML-String in ein Dokumentfragment, ohne Sanitization, das dann den ursprünglichen Unterbaum des Elements im DOM ersetzt. Der HTML-String kann deklarative Shadow-Roots enthalten, die als Template-Elemente geparst würden, falls das HTML mit Element.innerHTML gesetzt würde.
Element.setPointerCapture(): Bezeichnet ein spezifisches Element als das Erfassungsziel zukünftiger Zeigerereignisse.
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 indem Sie einen Ereignis-Listener auf die oneventname-Eigenschaft dieser Schnittstelle zuweisen.

afterscriptexecute: Gefeuert, wenn ein Skript ausgeführt wurde.
beforeinput: Gefeuert, wenn der Wert eines Eingabeelements verändert werden soll.
beforematch: Wird auf einem Element ausgelöst, das sich im „hidden until found“ Zustand befindet, wenn der Browser kurz davor ist, seinen Inhalt zu enthüllen, weil der Benutzer den Inhalt durch die Funktion „Auf Seite suchen“ oder durch Fragmentnavigation gefunden hat.
beforescriptexecute: Gefeuert, wenn ein Skript kurz vor der Ausführung steht.
beforexrselect: Wird ausgelöst, bevor WebXR-Auswahlereignisse (select, selectstart, selectend) verteilt werden.
contentvisibilityautostatechange: Wird auf jedem Element ausgelöst, das content-visibility: auto gesetzt hat, wenn es anfängt oder aufhört für den Benutzer relevant zu sein und seine Inhalte überspringt.
input: Wird ausgelöst, wenn der Wert eines Elements als direktes Ergebnis einer Benutzeraktion geändert wird.
securitypolicyviolation: Wird ausgelöst, wenn gegen eine Content-Security-Policy verstoßen wird.
wheel: Wird ausgelöst, wenn der Benutzer ein Radtaste auf einem Zeigegerät (typischerweise 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 beginnt.

Zwischenablagenereignisse

copy: Wird ausgelöst, wenn der Benutzer eine Kopieraktion über die Benutzeroberfläche des Browsers initiiert.
cut: Wird ausgelöst, wenn der Benutzer eine Ausschneideaktion über die Benutzeroberfläche des Browsers initiiert.
paste: Wird ausgelöst, wenn der Benutzer eine Einfügeaktion über die Benutzeroberfläche des Browsers initiiert.

Kompositionsereignisse

compositionend: Wird ausgelöst, wenn ein Textzusammensetzungssystem wie ein Eingabemethoden-Editor die aktuelle Kompositionssitzung abschließt oder abbricht.
compositionstart: Wird ausgelöst, wenn ein Textzusammensetzungssystem wie ein Eingabemethoden-Editor eine neue Kompositionssitzung startet.
compositionupdate: Wird ausgelöst, wenn ein neues Zeichen im Kontext einer von einem Textzusammensetzungssystem wie einem Eingabemethoden-Editor gesteuerten Textkompositionssitzung empfangen wird.

Fokuseereignisse

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, nach focus.
focusout: Wird ausgelöst, wenn ein Element den Fokus verliert, nach blur.

Vollbildereignisse

fullscreenchange: Wird an ein Element gesendet, wenn es in den Vollbildmodus Fullscreen wechselt oder diesen verlässt.
fullscreenerror: Wird an ein Element gesendet, wenn ein Fehler auftritt, während versucht wird, es in den oder aus dem Vollbildmodus zu schalten.

Tastatureignisse

keydown: Wird ausgelöst, wenn eine Taste gedrückt wird.
keypress: Wird ausgelöst, wenn eine Taste, die einen Zeichenwert erzeugt, heruntergedrü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. jede Maustaste außer der linken Taste) auf einem Element gedrückt und losgelassen wird.
click: Wird ausgelöst, wenn eine Taste eines Zeigegeräts (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 Taste eines Zeigegeräts (z.B. die primäre Taste einer Maus) zweimal auf einem einzelnen Element geklickt wird.
DOMActivate: Tritt auf, wenn ein Element aktiviert wird, zum Beispiel durch einen Mausklick oder einen Tastendruck.
DOMMouseScroll: Tritt auf, wenn ein Mausrad oder ein ähnliches Gerät bedient wird und der angesammelte Bildlaufwert seit dem letzten Ereignis über 1 Zeile oder 1 Seite liegt.
mousedown: Wird ausgelöst, wenn eine Taste eines Zeigegeräts auf einem Element gedrückt wird.
mouseenter: Wird ausgelöst, wenn ein Zeigegerät (normalerweise eine Maus) über das Element bewegt wird, an das der Listener angehängt ist.
mouseleave: Wird ausgelöst, wenn der Zeiger eines Zeigegeräts (normalerweise einer Maus) aus einem Element herausbewegt wird, an das der Listener angehängt ist.
mousemove: Wird ausgelöst, wenn ein Zeigegerät (normalerweise eine Maus) bewegt wird, während es über einem Element ist.
mouseout: Wird ausgelöst, wenn ein Zeigegerät (normalerweise eine Maus) von dem Element, an das der Listener angehängt ist, oder von einem seiner Kinder herausbewegt wird.
mouseover: Wird ausgelöst, wenn ein Zeigegerät in das Element bewegt wird, an das der Listener angehängt ist, oder in eines seiner Kinder.
mouseup: Wird ausgelöst, wenn eine Taste eines Zeigegeräts auf einem Element losgelassen wird.
mousewheel: Wird ausgelöst, wenn ein Mausrad oder ein ähnliches Gerät bedient wird.
MozMousePixelScroll: Wird ausgelöst, wenn ein Mausrad oder ein ähnliches Gerät bedient wird.
webkitmouseforcechanged: Wird jedes Mal ausgelöst, wenn sich der Druck auf der Trackpad-Touch-Oberfläche ändert.
webkitmouseforcedown: Wird nach dem mousedown-Ereignis ausgelöst, sobald ausreichend Druck ausgeübt wird, um als "Force Click" zu qualifizieren.
webkitmouseforcewillbegin: Wird vor dem mousedown-Ereignis ausgelöst.
webkitmouseforceup: Wird nach dem webkitmouseforcedown-Ereignis ausgelöst, sobald der Druck ausreichend verringert wurde, um den "Force Click" zu beenden.

Zeigerereignisse

gotpointercapture: Wird ausgelöst, wenn ein Element einen Zeiger mit 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 Hittest-Grenzen eines Elements oder eines seiner Nachkommen bewegt wird.
pointerleave: Wird ausgelöst, wenn ein Zeiger aus den Hittest-Grenzen eines Elements heraus bewegt wird.
pointermove: Wird ausgelöst, wenn sich die Koordinaten eines Zeigers ändern.
pointerout: Wird ausgelöst, wenn ein Zeiger aus den Hittest Grenzen eines Elements (unter anderem aus Gründen) heraus bewegt wird.
pointerover: Wird ausgelöst, wenn ein Zeiger in die Hittest-Grenzen eines Elements hinein bewegt wird.
pointerrawupdate: Wird ausgelöst, wenn ein Zeiger eine der 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 die Dokumentansicht oder ein Element gescrollt wurde.
scrollend: Wird ausgelöst, wenn die Dokumentansicht das Scrollen abgeschlossen hat.
scrollsnapchange: Wird auf dem Scroll-Container am Ende eines Scroll-Vorgangs ausgelöst, wenn ein neues Snap-Ziel ausgewählt wurde.
scrollsnapchanging: Wird auf dem Scroll-Container ausgelöst, wenn der Browser feststellt, dass ein neues Snap-Ziel aussteht, d.h. es wird ausgewählt, wenn die aktuelle Scroll-Geste endet.

Berührungsereignisse

gesturechange: Wird ausgelöst, wenn sich die Finger während einer Berührungsgeste bewegen.
gestureend: Wird ausgelöst, wenn keine Finger mehr die Touch-Oberfläche berühren, wodurch die Geste endet.
gesturestart: Wird ausgelöst, wenn mehrere Finger die Touch-Oberfläche berühren und damit eine neue Geste beginnt.
touchcancel: Wird ausgelöst, wenn ein oder mehrere Berührungspunkte auf eine implementationsspezifische Weise gestört wurden (zum Beispiel, wenn zu viele Berührungspunkte erstellt werden).
touchend: Wird ausgelöst, wenn ein oder mehrere Berührungspunkte von der Touch-Oberfläche entfernt werden.
touchmove: Wird ausgelöst, wenn ein oder mehrere Berührungspunkte entlang der Touch-Oberfläche bewegt werden.
touchstart: Wird ausgelöst, wenn ein oder mehrere Berührungspunkte auf die Touch-Oberfläche gesetzt werden.

Übergangsereignisse

transitioncancel: Ein Event, das ausgelöst wird, wenn ein CSS-Übergang abgebrochen wurde.
transitionend: Ein Event, das ausgelöst wird, wenn ein CSS-Übergang abgelaufen ist.
transitionrun: Ein Event, das ausgelöst wird, wenn ein CSS-Übergang erstellt wird (d.h. wenn er in einen Satz laufender Übergänge hinzugefügt wird), obwohl er nicht notwendigerweise gestartet ist.
transitionstart: Ein Event, das ausgelöst wird, wenn ein CSS-Übergang begonnen hat.

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