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 Element-Objekte (d.h. Objekte, die Elemente repräsentieren) in einem Document erben. Sie hat nur Methoden und Eigenschaften, die allen Arten von Elementen gemeinsam sind. Spezifischere Klassen erben von Element.

Zum Beispiel ist das HTMLElement Interface die Basis für HTML-Elemente. In ähnlicher Weise ist das SVGElement Interface die Grundlage für alle SVG-Elemente und das MathMLElement Interface ist die Basis für MathML-Elemente. Die meisten Funktionen werden weiter unten in der Klassenhierarchie spezifiziert.

Sprachen außerhalb der Web-Plattform, wie XUL über das XULElement Interface, implementieren ebenfalls Element.

Instanz-Eigenschaften

Element erbt Eigenschaften von seinem Eltern-Interface, Node, und durch Extension des Eltern-Interfaces, EventTarget.

Element.activeViewTransition Schreibgeschützt: Gibt eine ViewTransition Instanz zurück, die den aktuell aktiven View-Übergang auf einem Element darstellt.
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 zugeordneten 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 Rahmens des Elements repräsentiert.
Element.clientTop Schreibgeschützt: Gibt eine Zahl zurück, die die Breite des oberen Rahmens 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 kein Namespace vorhanden ist.
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 repräsentiert. Wenn es als Setter verwendet wird, ersetzt es das Element mit Knoten, die aus dem gegebenen String analysiert werden.
Element.part: Repräsentiert die Teilkennungen des Elements (d.h. mit dem part-Attribut festgelegt), 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, das unmittelbar vor dem gegebenen im Baum steht, oder null, wenn kein Geschwisterelement vorhanden ist.
Element.scrollHeight Schreibgeschützt: Gibt eine Zahl zurück, die die Scroll-Ansichtshö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 die Anzahl der Pixel angibt, um die die Oberseite des Elements vertikal gescrollt wird.
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 Scroll-Ansichtsbreite 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.

Instanz-Eigenschaften, die aus ARIA eingebunden sind

Das Element-Interface beinhaltet auch die folgenden Eigenschaften.

Element.ariaAtomic: Ein String, der das aria-atomic-Attribut widerspiegelt, das angibt, ob unterstützende Technologien alle oder nur Teile des geänderten Bereichs basierend auf den durch das aria-relevant-Attribut definierten Änderungsbenachrichtigungen präsentieren.
Element.ariaAutoComplete: Ein String, der das aria-autocomplete-Attribut widerspiegelt, das angibt, ob die Eingabe von Text die Anzeige von einer oder mehreren Vorhersagen von Werten, die der Benutzer für ein Kombinationsfeld, Suchfeld oder Textfeld beabsichtigt, auslösen könnte, und wie diese Vorhersagen präsentiert werden, wenn sie gemacht werden.
Element.ariaBrailleLabel: Ein String, der das aria-braillelabel-Attribut widerspiegelt, das das Braille-Label des Elements definiert.
Element.ariaBrailleRoleDescription: Ein String, der das aria-brailleroledescription-Attribut widerspiegelt, das die ARIA-Braille-Rollenbeschreibung des Elements definiert.
Element.ariaBusy: Ein String, der das aria-busy-Attribut widerspiegelt, das angibt, ob ein Element modifiziert wird, da unterstützende Technologien möglicherweise warten möchten, bis die Änderungen abgeschlossen sind, bevor sie dem Benutzer zugänglich gemacht werden.
Element.ariaChecked: Ein String, der das aria-checked-Attribut widerspiegelt, das den aktuellen "Checked"-Status von Checkboxen, Radiobuttons und anderen Widgets, die einen Checked-Status besitzen, angibt.
Element.ariaColCount: Ein String, der das aria-colcount-Attribut widerspiegelt, das die Anzahl der Spalten in einer Tabelle, einem Raster oder Baumraster definiert.
Element.ariaColIndex: Ein String, der das aria-colindex-Attribut widerspiegelt, das den Spaltenindex oder die Position eines Elements in Bezug auf die Gesamtzahl der Spalten innerhalb einer Tabelle, eines Rasters oder Baumrasters definiert.
Element.ariaColIndexText: Ein String, der das aria-colindextext-Attribut widerspiegelt, das eine leserliche 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 einer Gruppe verwandter Elemente darstellt.
Element.ariaDescription: Ein String, der das aria-description-Attribut widerspiegelt, das einen Stringwert definiert, der das aktuelle Element beschreibt oder annotiert.
Element.ariaDisabled: Ein String, der das aria-disabled-Attribut widerspiegelt, das angibt, dass das Element wahrnehmbar, aber deaktiviert ist, sodass es nicht bearbeitet oder anderweitig bedient werden kann.
Element.ariaExpanded: Ein String, der das aria-expanded-Attribut widerspiegelt, das angibt, ob ein Gruppierungselement, das von diesem Element verwaltet oder gesteuert wird, erweitert oder eingeklappt ist.
Element.ariaHasPopup: Ein String, der das aria-haspopup-Attribut widerspiegelt, das die Verfügbarkeit und Art des interaktiven Popup-Elements, wie Menü oder Dialog, angibt, das von einem Element ausgelöst werden kann.
Element.ariaHidden: Ein String, der das aria-hidden-Attribut widerspiegelt, das angibt, ob das Element für eine Zugänglichkeits-API sichtbar ist.
Element.ariaInvalid: Ein String, der das aria-invalid-Attribut widerspiegelt, das angibt, dass der eingegebene Wert nicht dem vom Benutzer 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 setzen.
Element.ariaLabel: Ein String, der das aria-label-Attribut widerspiegelt, das einen Stringwert definiert, der das aktuelle Element beschriftet.
Element.ariaLevel: Ein String, der das aria-level-Attribut widerspiegelt, das die hierarchische Ebene eines Elements innerhalb einer Struktur definiert.
Element.ariaLive: Ein String, der das aria-live-Attribut widerspiegelt, das angibt, dass ein Element aktualisiert wird, und die Arten von Aktualisierungen beschreibt, die Benutzeragenten, unterstützende Technologien und der Benutzer von der dynamischen Region erwarten können.
Element.ariaModal: Ein String, der das aria-modal-Attribut widerspiegelt, das angibt, ob ein Element modaler Natur ist, wenn es angezeigt wird.
Element.ariaMultiline: Ein String, der das aria-multiline-Attribut widerspiegelt, das angibt, ob ein Textfeld mehrere Zeilen von Eingaben oder nur eine einzelne Zeile akzeptiert.
Element.ariaMultiSelectable: Ein String, der das aria-multiselectable-Attribut widerspiegelt, das angibt, dass der Benutzer mehr als ein Element aus den aktuellen auswä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/zweideutig 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 die Steuerung keinen Wert hat.
Element.ariaPosInSet: Ein String, der das aria-posinset-Attribut widerspiegelt, das die Nummer oder Position eines Elements in der aktuellen Menge von Listenelementen oder Baumelementen 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 ist, aber dennoch bedienbar ist.
Element.ariaRelevant: Ein String, der das aria-relevant-Attribut widerspiegelt, das angibt, welche Benachrichtigungen der Benutzeragent auslöst, wenn der Zugänglichkeitsbaum innerhalb einer dynamischen Region modifiziert wird. Dies wird verwendet, um zu beschreiben, welche Änderungen in einer dynamischen Region relevant sind und angekündigt werden sollten.
Element.ariaRequired: Ein String, der das aria-required-Attribut widerspiegelt, das angibt, dass Benutzereingaben auf dem Element erforderlich sind, bevor ein Formular eingereicht werden kann.
Element.ariaRoleDescription: Ein String, der das aria-roledescription-Attribut widerspiegelt, das eine menschenlesbare, vom Autor lokalisierte Beschreibung für die Rolle eines Elements definiert.
Element.ariaRowCount: Ein String, der das aria-rowcount-Attribut widerspiegelt, das die Gesamtanzahl der Zeilen in einer Tabelle, einem Raster oder Baumraster definiert.
Element.ariaRowIndex: Ein String, der das aria-rowindex-Attribut widerspiegelt, das den Zeilenindex oder die Position eines Elements in Bezug auf die Gesamtanzahl der Zeilen innerhalb einer Tabelle, eines Rasters oder Baumrasters definiert.
Element.ariaRowIndexText: Ein String, der das aria-rowindextext-Attribut widerspiegelt, das eine leserliche Textalternative zu aria-rowindex definiert.
Element.ariaRowSpan: Ein String, der das aria-rowspan-Attribut widerspiegelt, das die Anzahl der Zeilen 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 in der aktuellen Menge von Listenelementen oder Baumelementen definiert.
Element.ariaSort: Ein String, der das aria-sort-Attribut widerspiegelt, das angibt, ob Elemente in einer Tabelle oder einem Raster in aufsteigender oder absteigender Reihenfolge sortiert sind.
Element.ariaValueMax: Ein String, der das aria-valuemax-Attribut widerspiegelt, das den maximal zulässigen Wert für ein 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 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 angibt.

Instanz-Eigenschaften, die aus ARIA-Elementreferenzen reflektiert werden

Die Eigenschaften spiegeln die Elemente wider, die durch die id-Referenz in den entsprechenden Attributen angegeben sind, jedoch mit einigen Einschränkungen. 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 liegt. Reflektiert das aria-activedescendant Attribut.
Element.ariaControlsElements: Ein Array von Elementen, deren Inhalte oder Anwesenheit von dem Element gesteuert werden, auf das es angewendet wird. Reflektiert das aria-controls Attribut.
Element.ariaDescribedByElements: Ein Array von Elementen, die die zugängliche Beschreibung für das Element enthalten, auf das es angewendet wird. Reflektiert das aria-describedby Attribut.
Element.ariaDetailsElements: Ein Array von Elementen, die zugängliche Details für das Element bereitstellen, auf das es angewendet wird. Reflektiert das aria-details Attribut.
Element.ariaErrorMessageElements: Ein Array von Elementen, die eine Fehlermeldung für das Element bereitstellen, auf das es angewendet wird. Reflektiert das aria-errormessage Attribut.
Element.ariaFlowToElements: Ein Array von Elementen, die das nächste Element (oder die nächsten Elemente) in einer alternativen Lesereihenfolge identifizieren und die allgemeine Standardlesereihenfolge nach Wahl des Benutzers überschreiben. Reflektiert das aria-flowto Attribut.
Element.ariaLabelledByElements: Ein Array von Elementen, die den zugänglichen Namen für das Element bereitstellen, auf das es angewendet wird. Reflektiert das aria-labelledby Attribut.
Element.ariaOwnsElements: Ein Array von Elementen, die von dem Element, auf das dies angewendet wird, besessen werden. Dies wird verwendet, um eine visuelle, funktionale oder kontextuelle Beziehung zwischen einem übergeordneten Element und seinen Kindelementen zu definieren, wenn die DOM-Hierarchie nicht verwendet werden kann, um die Beziehung darzustellen. Reflektiert das aria-owns Attribut.

Instanz-Methoden

Element erbt Methoden von seinen Eltern Node und seinem eigenen Elternteil, EventTarget.

Element.after(): Fügt eine Reihe von Node Objekten oder Strings in die Kindliste des Elternteils des Elements ein, 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 zurück.
Element.ariaNotify(): Gibt an, dass ein bestimmter Textstring von einem Bildschirmlesegerät angesagt 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 bestimmten Element einen Shadow-DOM-Baum hinzu und gibt eine Referenz zu dessen ShadowRoot zurück.
Element.before(): Fügt eine Reihe von Node Objekten oder Strings in die Kindliste des Elternteils des Elements ein, direkt 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 den im Parameter angegebenen Selektoren entspricht.
Element.computedStyleMap(): Gibt eine StylePropertyMapReadOnly Schnittstelle zurück, welche eine schreibgeschützte Darstellung eines CSS-Deklarationsblocks ist, der eine Alternative zu CSSStyleDeclaration bietet.
Element.getAnimations(): Gibt ein Array der derzeit auf dem Element aktiven Animation-Objekte 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 Attr zurück.
Element.getAttributeNodeNS(): Ruft die Knotenreprä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](/de/docs/Web/API/HTMLCollection) zurück, die alle Nachkommen 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 Nachkommenelemente eines bestimmten Tag-Namens des aktuellen Elements enthält.
Element.getElementsByTagNameNS(): Gibt eine Live-[HTMLCollection](/de/docs/Web/API/HTMLCollection) zurück, die alle Nachkommenelemente eines bestimmten Tag-Namens und Namespace des aktuellen Elements enthält.
Element.getHTML(): Gibt den DOM-Inhalt des Elements als HTML-String zurück und schließt optional ein Shadow-DOM ein.
Element.hasAttribute(): Gibt einen booleschen Wert zurück, der angibt, ob das Element das angegebene Attribut besitzt oder nicht.
Element.hasAttributeNS(): Gibt einen booleschen Wert zurück, der angibt, ob das Element das angegebene Attribut im angegebenen Namespace besitzt oder nicht.
Element.hasAttributes(): Gibt einen booleschen Wert zurück, der angibt, ob das Element ein oder mehrere HTML-Attribute aufweist.
Element.hasPointerCapture(): Gibt an, ob das Element, auf dem es aufgerufen wird, den Zeiger-Eingangsbereich für die durch die gegebene Zeiger-ID identifizierten Zeiger erfasst hat.
Element.insertAdjacentElement(): Fügt ein gegebenes Elementknoten an einer angegebenen Position relativ zu dem Element ein, auf dem es aufgerufen wird.
Element.insertAdjacentHTML(): Analysiert den Text als HTML oder XML und fügt die resultierenden Knoten in den Baum an der angegebenen Position ein.
Element.insertAdjacentText(): Fügt ein gegebenes Textknoten an einer angegebenen 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 wird oder nicht.
Element.moveBefore(): Verschiebt ein gegebenes Node innerhalb des aufrufenden Knotens als direktes Kind vor einem gegebenen Referenzknoten, ohne den Knoten zu entfernen und dann einzufügen.
Element.prepend(): Fügt eine Reihe von Node Objekten oder Strings vor dem ersten Kind des Elements ein.
Element.pseudo(): Gibt ein CSSPseudoElement Objekt zurück, das das CSS Pseudoelement des angegebenen Typs darstellt, das mit dem Element verknüpft ist.
Element.querySelector(): Gibt den ersten Node zurück, der dem angegebenen Selektor-String relativ zu dem Element entspricht.
Element.querySelectorAll(): Gibt eine NodeList von Knoten zurück, die dem angegebenen Selektor-String relativ zu dem Element entsprechen.
Element.releasePointerCapture(): Gibt die Zeigersteuerung frei (stoppt sie), die zuvor für ein bestimmtes PointerEvent festgelegt wurde.
Element.remove(): Entfernt das Element aus der Kindliste seines Elternteils.
Element.removeAttribute(): Entfernt das benannte Attribut vom aktuellen Knoten.
Element.removeAttributeNode(): Entfernt die Knotenrepräsentation des benannten Attributs vom aktuellen Knoten.
Element.removeAttributeNS(): Entfernt das Attribut mit dem angegebenen Namen und Namespace vom aktuellen Knoten.
Element.replaceChildren(): Ersetzt die bestehenden Kinder eines Node mit einem spezifierten neuen Satz von Kindern.
Element.replaceWith(): Ersetzt das Element in der Kindliste seines Elternteils mit einer Reihe von Node Objekten oder Strings.
Element.requestFullscreen(): Erlaubt es, den Browser asynchron zu bitten, das Element im Vollbildmodus anzuzeigen.
Element.requestPointerLock(): Erlaubt es Ihnen, asynchron zu bitten, dass der Zeiger auf dem gegebenen Element fixiert 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 den Sichtbereich kommt.
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 die Standardmethode Element.scrollIntoView().
Element.scrollTo(): Scrollt zu einem bestimmten Satz von Koordinaten innerhalb eines gegebenen Elements.
Element.setAttribute(): Legt den Wert eines benannten Attributs des aktuellen Knotens fest.
Element.setAttributeNode(): Legt die Knotenrepräsentation des benannten Attributs vom aktuellen Knoten fest.
Element.setAttributeNodeNS(): Legt die Knotenrepräsentation des Attributs mit dem angegebenen Namen und Namespace vom aktuellen Knoten fest.
Element.setAttributeNS(): Legt den Wert des Attributs mit dem spezifizierten Namen und Namespace vom aktuellen Knoten fest.
Element.setCapture(): Richten Sie die Erfassung von Mauseignis ein, indem Sie alle Mauseignisse an dieses Element umleiten.
Element.setHTML() Sicherer Kontext: Analysiert und saniert einen HTML-String in ein Dokumentfragment, das dann den ursprünglichen Teilbaum des Elements im DOM ersetzt.
Element.setHTMLUnsafe(): Analysiert einen HTML-String in ein Dokumentfragment, ohne Reinigung, das dann den ursprünglichen Teilbaum des Elements im DOM ersetzt. Der HTML-String kann deklarative Schattenwurzeln enthalten, die als Vorlagelemente analysiert würden, wenn das HTML mit Element.innerHTML gesetzt würde.
Element.setPointerCapture(): Bestimmt ein bestimmtes Element als das Erfassungselement für zukünftige Zeigerereignisse.
Element.startViewTransition(): Startet einen neuen, dokumentselben (SPA) elementbezogenen View-Übergang und gibt ein ViewTransition-Objekt zurück, um es darzustellen.
Element.toggleAttribute(): Schaltet ein boolesches Attribut um, 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 diese Ereignisse mit addEventListener() oder durch Zuweisung eines Ereignis-Listeners zur oneventname Eigenschaft dieser Schnittstelle an.

afterscriptexecute: Wird ausgelöst, wenn ein Skript ausgeführt wurde.
beforeinput: Wird ausgelöst, wenn der Wert eines Eingabeelements kurz davor steht, geändert zu werden.
beforematch: Wird auf einem Element ausgelöst, das sich im Zustand hidden until found befindet, wenn der Browser dabei ist, seinen Inhalt zu enthüllen, weil der Benutzer den Inhalt über die "find in page"-Funktion oder über Fragmentnavigation gefunden hat.
beforescriptexecute: Wird ausgelöst, wenn ein Skript ausgeführt wird.
beforexrselect: Wird vor WebXR-Auswahlereignissen (select, selectstart, selectend) gesendet.
contentvisibilityautostatechange: Wird auf jedem Element ausgelöst, auf dem content-visibility: auto gesetzt ist, wenn es beginnt oder aufhört, relevant für den Benutzer zu sein und seine Inhalte zu überspringen.
input: Wird ausgelöst, wenn der Wert eines Elements durch eine direkte Benutzeraktion geändert wird.
securitypolicyviolation: Wird ausgelöst, wenn eine Content Security Policy verletzt wird.
wheel: Wird ausgelöst, wenn der Benutzer ein Rad-Button auf einem Zeigegerät (typischerweise eine Maus) dreht.

Animationsevents

animationcancel: Wird ausgelöst, wenn eine Animation unerwartet abbricht.
animationend: Wird ausgelöst, wenn eine Animation normal abgeschlossen wird.
animationiteration: Wird ausgelöst, wenn eine Animation eine Iteration abgeschlossen hat.
animationstart: Wird ausgelöst, wenn eine Animation beginnt.

Clippboard-Events

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

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 neuer Zeichensatz im Kontext einer Textkompositionssitzung empfangen wird, die von einem Textkompositionssystem wie einem Eingabemethoden-Editor gesteuert wird.

Fokussierungsereignisse

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

Vollbild-Ereignisse

fullscreenchange: Wird an ein Element gesendet, wenn es in den Vollbild Modus wechselt oder diesen verlässt.
fullscreenerror: Wird an ein Element gesendet, wenn ein Fehler auftritt, während versucht wird, es in den Vollbild Modus zu versetzen oder daraus zu entfernen.

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.

Mauseignisse

auxclick: Wird ausgelöst, wenn ein nicht-primärer Zeigergerät-Knopf (z. B. alle anderen Maustasten außer der linken) auf einem Element gedrückt und losgelassen wird.
click: Wird ausgelöst, wenn ein Zeigegerät-Knopf (z. B. eine primäre Maustaste) 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 ein Zeigegerät-Knopf (z. B. eine primäre Maustaste) zweimal auf ein einzelnes Element geklickt wird.
DOMActivate: Tritt auf, wenn ein Element aktiviert wird, beispielsweise durch einen Mausklick oder einen Tastendruck.
DOMMouseScroll: Tritt auf, wenn ein Mausrad oder ein ähnliches Gerät betrieben wird und der gesammelte Scroll-Betrag seit dem letzten Ereignis mehr als 1 Zeile oder 1 Seite beträgt.
mousedown: Wird ausgelöst, wenn ein Zeigegerät-Knopf auf einem Element gedrückt wird.
mouseenter: Wird ausgelöst, wenn ein Zeigegerät (normalerweise eine Maus) über das Element bewegt wird, an dem der Listener angebracht ist.
mouseleave: Wird ausgelöst, wenn der Zeiger eines Zeigegeräts (normalerweise eine Maus) aus einem Element entfernt wird, das den Listener daran angefügt hat.
mousemove: Wird ausgelöst, wenn ein Zeigegerät (normalerweise eine Maus) über einem Element bewegt wird.
mouseout: Wird ausgelöst, wenn ein Zeigegerät (normalerweise eine Maus) von dem Element, an das der Listener angefügt ist, oder von einem seiner Kinder entfernt wird.
mouseover: Wird ausgelöst, wenn ein Zeigegerät über das Element, an das der Listener angefügt ist, oder eines seiner Kinder bewegt wird.
mouseup: Wird ausgelöst, wenn ein Zeigegerät-Knopf auf einem Element losgelassen wird.
mousewheel: Wird ausgelöst, wenn ein Mausrad oder ähnliches Gerät betrieben wird.
MozMousePixelScroll: Wird ausgelöst, wenn ein Mausrad oder ähnliches Gerät betrieben wird.
webkitmouseforcechanged: Wird jedes Mal ausgelöst, wenn sich die Druckmenge auf dem Trackpad-Touchscreen ändert.
webkitmouseforcedown: Wird nach dem mousedown-Ereignis ausgelöst, sobald genügend Druck ausgeübt wurde, um als "Force-Klick" zu gelten.
webkitmouseforcewillbegin: Wird vor dem mousedown Ereignis ausgelöst.
webkitmouseforceup: Wird nach dem webkitmouseforcedown Ereignis ausgelöst, sobald der Druck ausreichend reduziert wurde, um den "Force-Klick" zu beenden.

Zeigereignisse

gotpointercapture: Wird ausgelöst, wenn ein Element einen Zeiger mit setPointerCapture() erfasst.
lostpointercapture: Wird ausgelöst, wenn eine erfasste Zeigereinheit 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 Trefferprüfung-Grenzen eines Elements oder eines seiner Nachkommen bewegt wird.
pointerleave: Wird ausgelöst, wenn ein Zeiger aus den Trefferprüfung-Grenzen eines Elements heraus bewegt wird.
pointermove: Wird ausgelöst, wenn sich ein Zeiger in den Koordinaten ändert.
pointerout: Wird ausgelöst, wenn ein Zeiger aus den Hit-Test Grenzen eines Elements heraus bewegt wird (unter anderem).
pointerover: Wird ausgelöst, wenn ein Zeiger in die Trefferprüfung-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.

Bildlauffereignisse

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 Bildlaufcontainer am Ende eines Scrollvorgangs ausgelöst, wenn ein neues Scroll-Snap-Ziel ausgewählt wurde.
scrollsnapchanging: Wird auf dem Bildlaufcontainer ausgelöst, wenn der Browser feststellt, dass ein neues Scroll-Snap-Ziel aussteht, d.h. es wird ausgewählt, wenn die aktuelle Scroll-Geste endet.

Berührungseignisse

gesturechange: Wird ausgelöst, wenn sich die Position der Finger während einer Touch-Geste ändert.
gestureend: Wird ausgelöst, wenn keine Finger mehr den Berührungsbildschirm kontaktieren, wodurch die Geste beendet wird.
gesturestart: Wird ausgelöst, wenn mehrere Finger den Berührungsbildschirm kontaktieren, wodurch eine neue Geste gestartet wird.
touchcancel: Wird ausgelöst, wenn ein oder mehrere Berührungspunkte in einer implementierungsspezifischen Weise unterbrochen werden (zum Beispiel, zu viele Berührungspunkte wurden erstellt).
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 über die Berührungsoberfläche bewegt werden.
touchstart: Wird ausgelöst, wenn ein oder mehrere Berührungspunkte auf die Berührungsoberfläche platziert 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 das Abspielen beendet hat.
transitionrun: Ein Event, das ausgelöst wird, wenn ein CSS-Übergang erstellt wird (d.h. wenn er zu einem Satz von ablaufenden Übergängen hinzugefügt wird), aber nicht unbedingt gestartet wurde.
transitionstart: Ein Event, das ausgelöst wird, wenn ein CSS-Übergang begonnen hat zu übergehen.

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