Element

Baseline Weitgehend verfügbar *

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

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

Element ist die allgemeinste Basisklasse, von der alle 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.

Zum Beispiel ist das HTMLElement Interface die Basisschnittstelle für HTML-Elemente. Ebenso 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 werden weiter unten in der Klassenhierarchie spezifiziert.

Auch Sprachen außerhalb der Webplattform, wie XUL über das XULElement-Interface, implementieren Element.

Instanzeigenschaften

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

Element.activeViewTransition Schreibgeschützt: Gibt eine ViewTransition Instanz zurück, die die momentan aktive View Transition eines Elements repräsentiert.
Element.assignedSlot Schreibgeschützt: Gibt ein HTMLSlotElement zurück, das den <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 diesem Element zugeordnet 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 sie keinen Namespace hat.
Element.nextElementSibling Schreibgeschützt: Ein Element, das Element, das dem gegebenen im Baum unmittelbar folgt, oder null, wenn es kein 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 durch Knoten, die aus dem angegebenen String geparsst werden.
Element.part: Repräsentiert die Teilekennung(en) des Elements (d.h. mit dem part Attribut gesetzt), zurückgegeben als eine 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 dem gegebenen im Baum unmittelbar vorausgeht, oder null, wenn es kein Geschwisterelement gibt.
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-Versatz des Elements repräsentiert.
Element.scrollLeftMax Schreibgeschützt: Gibt eine Zahl zurück, die den maximal möglichen linken Scroll-Versatz für das Element repräsentiert.
Element.scrollTop: Eine Zahl, die die Anzahl der Pixel repräsentiert, um die die Oberseite des Elements vertikal verschoben ist.
Element.scrollTopMax Schreibgeschützt: Gibt eine Zahl zurück, die den maximal möglichen oberen Scroll-Versatz für das Element repräsentiert.
Element.scrollWidth Schreibgeschützt: Gibt eine Zahl zurück, die die Scroll-Ansichtbreite 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 ist.
Element.tagName Schreibgeschützt: Gibt einen String zurück mit dem Namen des Tags für das gegebene Element.

Instanzeigenschaften, die aus ARIA eingeschlossen 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 den gesamten 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 eine Anzeige von Vorhersagen des beabsichtigten Werts des Benutzers für ein Kombinationsfeld, Suchfeld oder Textfeld auslösen könnte und festlegt, wie Vorhersagen präsentiert würden, wenn sie gemacht werden.
Element.ariaBrailleLabel: Ein String, der das aria-braillelabel Attribut widerspiegelt, welches das Braille-Label des Elements definiert.
Element.ariaBrailleRoleDescription: Ein String, der das aria-brailleroledescription Attribut widerspiegelt, welches die ARIA-Braillerollenbeschreibung des Elements definiert.
Element.ariaBusy: Ein String, der das aria-busy Attribut widerspiegelt, welches angibt, ob ein Element geändert wird, da unterstützende Technologien möglicherweise warten möchten, bis die Änderungen abgeschlossen sind, bevor sie dem Benutzer präsentiert werden.
Element.ariaChecked: Ein String, der das aria-checked Attribut widerspiegelt, welches 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, 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 Gesamtzahl 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 einem Rasterfeld 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 das aktuelle Element innerhalb eines Containers oder einer Gruppe verwandter Elemente repräsentiert.
Element.ariaDescription: Ein String, der das aria-description Attribut widerspiegelt, welches einen String-Wert definiert, der das aktuelle Element beschreibt oder annotiert.
Element.ariaDisabled: Ein String, der das aria-disabled Attribut widerspiegelt, welches 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, welches angibt, ob ein Gruppenelement, das von diesem Element verwaltet oder kontrolliert wird, erweitert oder eingeklappt ist.
Element.ariaHasPopup: Ein String, der das aria-haspopup Attribut widerspiegelt, welches die Verfügbarkeit und den Typ eines interaktiven Popup-Elements wie Menü oder Dialog angibt, das durch ein Element ausgelöst werden kann.
Element.ariaHidden: Ein String, der das aria-hidden Attribut widerspiegelt, welches angibt, ob das Element über eine Barrierefreiheits-API exponiert wird.
Element.ariaInvalid: Ein String, der das aria-invalid Attribut widerspiegelt, welches angibt, dass der eingegebene Wert nicht dem vom Anwendung 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 benennt.
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, welche Arten von Aktualisierungen die Benutzeragenten, unterstützende Technologien und Benutzer von der Live-Region erwarten können.
Element.ariaModal: Ein String, der das aria-modal Attribut widerspiegelt, welches angibt, ob ein Element modales Verhalten zeigt, wenn es angezeigt wird.
Element.ariaMultiline: Ein String, der das aria-multiline Attribut widerspiegelt, welches angibt, ob ein Textfeld mehrere Zeilen der Eingabe akzeptiert oder nur eine einzelne Zeile.
Element.ariaMultiSelectable: Ein String, der das aria-multiselectable Attribut widerspiegelt, welches 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, welches angibt, ob die Ausrichtung 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 hilft, wenn die Steuerung keinen Wert hat.
Element.ariaPosInSet: Ein String, der das aria-posinset Attribut widerspiegelt, welches die Nummer oder Position eines Elements in der aktuellen Menge von Listenelementen oder Baumgliedern definiert.
Element.ariaPressed: Ein String, der das aria-pressed Attribut widerspiegelt, welches den aktuellen "gedrückten" Zustand von Umschaltknöpfen angibt.
Element.ariaReadOnly: Ein String, der das aria-readonly Attribut widerspiegelt, welches angibt, dass das Element nicht bearbeitbar ist, aber anderweitig bedienbar ist.
Element.ariaRelevant: Ein String, der das aria-relevant Attribut widerspiegelt, welches angibt, welche Benachrichtigungen der Benutzeragent auslöst, wenn der Zugänglichkeitsbaum innerhalb einer Live-Region verändert wird. Dies wird verwendet, um zu beschreiben, welche Änderungen in einer aria-live Region relevant sind und angekündigt werden sollten.
Element.ariaRequired: Ein String, der das aria-required Attribut widerspiegelt, welches angibt, dass Benutzereingabe auf dem Element erforderlich ist, bevor ein Formular eingereicht werden kann.
Element.ariaRoleDescription: Ein String, der das aria-roledescription Attribut widerspiegelt, welches eine menschenlesbare, vom Autor lokalisierte Beschreibung der Rolle eines Elements definiert.
Element.ariaRowCount: Ein String, der das aria-rowcount Attribut widerspiegelt, welches die Gesamtanzahl 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 Gesamtzahl 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 einem Rasterfeld 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 angibt, die einen ausgewählten Zustand haben.
Element.ariaSetSize: Ein String, der das aria-setsize Attribut widerspiegelt, welches die Anzahl der Elemente in der aktuellen Menge von Listenelementen oder Baumgliedern definiert.
Element.ariaSort: Ein String, der das aria-sort Attribut widerspiegelt, welches 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, welches den maximal erlaubten Wert für ein Range-Widget definiert.
Element.ariaValueMin: Ein String, der das aria-valueMin Attribut widerspiegelt, welches den minimal erlaubten Wert für ein Range-Widget definiert.
Element.ariaValueNow: Ein String, der das aria-valueNow Attribut widerspiegelt, welches den aktuellen Wert für ein Range-Widget definiert.
Element.ariaValueText: Ein String, der das aria-valuetext Attribut widerspiegelt, welches die menschenlesbare Textalternative von aria-valuenow für ein Range-Widget definiert.
Element.role: Ein String, der das explizit festgelegte role Attribut widerspiegelt, welches die semantische Rolle des Elements angibt.

Instanzeigenschaften reflektiert von ARIA Element-Referenzen

Die Eigenschaften spiegeln die Elemente wider, die durch id-Referenz in den entsprechenden Attributen angegeben sind, jedoch mit einigen Vorbehalten. Siehe Reflektierte Element-Referenzen im Reflektierte Attribute Leitfaden für weitere Informationen.

Element.ariaActiveDescendantElement: Ein Element, das das aktuell aktive Element repräsentiert, 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 Inhalt oder Vorhandensein durch das Element gesteuert wird, 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, das das nächste Element (oder Elemente) in einer alternativen Lesereihenfolge des Inhalts identifiziert, indem die allgemeine Standardlesereihenfolge im Ermessen des Benutzers überschrieben wird. 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 besessen werden, auf das es angewendet wird. Dies wird verwendet, um eine visuelle, funktionale oder kontextuelle Beziehung zwischen einem Eltern- und seinen Kindelementen zu definieren, wenn die DOM-Hierarchie nicht zur Darstellung der Beziehung verwendet werden kann. Reflektiert das aria-owns Attribut.

Instanzmethoden

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

Element.after(): Fügt eine Menge von Node Objekten oder Strings in die Kinderliste des Element-Elternteils ein, direkt nach dem Element.
Element.animate(): Eine Abkürzungsmethode zur Erzeugung und Ausführung einer Animation auf einem Element. Gibt die erstellte Animation Objektinstanz zurück.
Element.ariaNotify(): Gibt an, dass eine gegebene Textzeile von einem Screenreader 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 angegebene Element und gibt eine Referenz zu seinem ShadowRoot zurück.
Element.before(): Fügt eine Menge von Node Objekten oder Strings in die Kinderliste des Element-Elternteils 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ächste Vorfahre des aktuellen Elements (oder das aktuelle Element selbst) ist, welches den in Parameter angegebenen Selektoren entspricht.
Element.computedStyleMap(): Gibt eine StylePropertyMapReadOnly Schnittstelle zurück, die eine schreibgeschützte Darstellung eines CSS-Deklarationsblocks bietet, welches eine Alternative zu CSSStyleDeclaration ist.
Element.getAnimations(): Gibt ein Array von Animationsobjekten zurück, die derzeit auf dem Element aktiv sind.
Element.getAttribute(): Ruft den Wert des benannten Attributs vom aktuellen Knoten ab und gibt ihn als String zurück.
Element.getAttributeNames(): Gibt ein Array von Attributnamen vom aktuellen Element zurück.
Element.getAttributeNode(): Ruft die Knotenrepräsentation des benannten Attributs vom aktuellen Knoten ab und gibt es als Attr zurück.
Element.getAttributeNodeNS(): Ruft die Knotenrepräsentation des Attributs mit dem angegebenen Namen und Namespace vom aktuellen Knoten ab und gibt es als Attr zurück.
Element.getAttributeNS(): Ruft den Wert des Attributs mit dem spezifizierten 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 repräsentieren.
Element.getClientRects(): Gibt eine Sammlung von Rechtecken zurück, die die umgrenzenden Rechtecke für jede Textzeile in einem Client anzeigen.
Element.getElementsByClassName(): Gibt eine Live-HTMLCollection zurück, die alle Nachfahren des aktuellen Elements enthält, die die im Parameter angegebene Klassenliste besitzen.
Element.getElementsByTagName(): Gibt eine Live-HTMLCollection zurück, die alle Nachfahren der aktuellen Elemente mit einem bestimmten Tag-Namen enthält.
Element.getElementsByTagNameNS(): Gibt eine Live-HTMLCollection zurück, die alle Nachfahren der aktuellen Elemente mit einem bestimmten Tag-Namen und Namespace enthält.
Element.getHTML(): Gibt den DOM-Inhalt des Elements als HTML-String zurück, einschließlich optional jeglichen Shadow DOM.
Element.hasAttribute(): Gibt einen booleschen Wert zurück, der angibt, ob das Element das angegebene Attribut hat oder nicht.
Element.hasAttributeNS(): Gibt einen booleschen Wert zurück, der angibt, ob das Element das angegebene Attribut im angegebenen Namespace hat 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, die Zeigereingabe für die durch die gegebene Zeiger-ID identifizierte Eingabe eingefangen hat.
Element.insertAdjacentElement(): Fügt ein gegebenes Elementknoten an einer angegebenen Position relativ zu dem Element ein, auf dem es aufgerufen wird.
Element.insertAdjacentHTML(): Parst den Text als HTML oder XML und fügt die resultierenden Knoten an die angegebene Position in den Baum 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 booleschen Wert zurück, der angibt, ob das Element durch den angegebenen Selektor-String ausgewählt würde.
Element.moveBefore(): Verschiebt einen gegebenen Node als direktes Kind innerhalb des aufrufenden Knotens vor einem gegebenen Referenzknoten, ohne den Knoten zu entfernen und dann 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 angegebenen Typs darstellt, das mit dem Element verknüpft ist.
Element.querySelector(): Gibt den ersten Node zurück, der den im Selektor-String angegebenen Selektoren relativ zu dem Element entspricht.
Element.querySelectorAll(): Gibt eine NodeList von Knoten zurück, die den im Selektor-String angegebenen Selektoren relativ zu dem Element entsprechen.
Element.releasePointerCapture(): Hebt den Zeigereingabefang auf (stoppt ihn), der zuvor für ein bestimmtes PointerEvent festgelegt wurde.
Element.remove(): Entfernt das Element aus der Kinderliste seines Elternteils.
Element.removeAttribute(): Entfernt das benannte Attribut vom aktuellen Knoten.
Element.removeAttributeNode(): Entfernt die Knotenrepräsentation des benannten Attributs vom aktuellen Knoten.
Element.removeAttributeNS(): Entfernt das Attribut mit dem angegebenen Namen und Namespace vom aktuellen Knoten.
Element.replaceChildren(): Ersetzt die vorhandenen Kinder eines Node mit einem angegebenen neuen Satz von Kindern.
Element.replaceWith(): Ersetzt das Element in der Kinderliste seines Elternteils durch eine Menge von Node Objekten oder Strings.
Element.requestFullscreen(): Fordert den Browser asynchron auf, das Element im Vollbild darzustellen.
Element.requestPointerLock(): Ermöglicht das asynchrone Anfragen für die Zeigersperre auf dem angegebenen Element.
Element.scroll(): Scrollt zu einem bestimmten Satz von Koordinaten innerhalb eines angegebenen Elements.
Element.scrollBy(): Scrollt ein Element um den angegebenen Betrag.
Element.scrollIntoView(): Scrollt die Seite, bis das Element im Sichtbereich erscheint.
Element.scrollIntoViewIfNeeded(): Scrollt das aktuelle Element in den sichtbaren Bereich des Browserfensters, wenn es 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 angegebenen 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 angegebenen Namen und Namespace vom aktuellen Knoten fest.
Element.setCapture(): Richtet den Zeigegeräteereignisfang ein, um alle Mausereignisse an dieses Element umzuleiten.
Element.setHTML() Sicherer Kontext: Parst und desinfiziert 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 Desinfektion, 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, wenn der HTML mittels Element.innerHTML gesetzt würde.
Element.setPointerCapture(): Bestimmt ein spezifisches Element als das Ziel für zukünftige Zeigegeräteereignisse.
Element.startViewTransition(): Startet eine neue, gleiche-Dokument (SPA) Element-spezifische View Transition und gibt ein ViewTransition Objekt zurück, das es repräsentiert.
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 dem angegebenen Element.

Ereignisse

Sie können auf diese Ereignisse mit addEventListener() hören oder einen Ereignis-Listener auf die oneventname Eigenschaft dieser Schnittstelle zuweisen.

afterscriptexecute: Wird ausgelöst, wenn ein Skript ausgeführt wurde.
beforeinput: Wird ausgelöst, wenn der Wert eines Eingabeelements kurz vor der Änderung steht.
beforematch: Wird auf einem Element ausgelöst, das sich im Zustand hidden until found befindet, wenn der Browser im Begriff ist, dessen Inhalt freizugeben, weil der Benutzer den Inhalt über die "Seite finden"-Funktion oder über die Fragmentnavigation gefunden hat.
beforescriptexecute: Wird ausgelöst, wenn ein Skript kurz vor der Ausführung steht.
beforexrselect: Wird vor WebXR-Auswahlevents (select, selectstart, selectend) ausgelöst.
contentvisibilityautostatechange: Wird auf jedem Element ausgelöst mit content-visibility: auto gesetzt, wenn es beginnt oder aufhört, für den Benutzer relevant zu sein und seinen Inhalt zu überspringen.
input: Wird ausgelöst, wenn der Wert eines Elements als direkte Folge einer Benutzeraktion geändert wird.
securitypolicyviolation: Wird ausgelöst, wenn eine Content Security Policy verletzt wird.
wheel: Wird ausgelöst, wenn der Benutzer einen Radknopf auf einem Zeigegerät (normalerweise einer Maus) dreht.

Animation Ereignisse

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 Animations-Wiederholung abgeschlossen wurde.
animationstart: Wird ausgelöst, wenn eine Animation startet.

Zwischenablage Ereignisse

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

Kompositionsereignisse

compositionend: Wird ausgelöst, wenn ein Textkompositionssystem wie ein Input-Method-Editor die aktuelle Kompositionssitzung beendet oder abbricht.
compositionstart: Wird ausgelöst, wenn ein Textkompositionssystem wie ein Input-Method-Editor eine neue Kompositionssitzung beginnt.
compositionupdate: Wird ausgelöst, wenn ein neues Zeichen im Kontext einer Kompositionssitzung empfangen wird, die von einem Textkompositionssystem wie einem Input-Method-Editor gesteuert wird.

Fokusereignisse

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

Vollbildereignisse

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

Tastaturereignisse

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

Mausereignisse

auxclick: Wird ausgelöst, wenn eine nicht-primäre Zeigegerätetaste (z.B. eine andere als die linke Maustaste) auf einem Element gedrückt und losgelassen wird.
click: Wird ausgelöst, wenn eine Zeigegerätetaste (z.B. die 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 eine Zeigegerätetaste (z.B. die primäre Maustaste) zweimal auf einem einzelnen Element geklickt wird.
DOMActivate: Tritt auf, wenn ein Element aktiviert wird, beispielsweise durch einen Mausklick oder eine Tastendruck.
DOMMouseScroll: Tritt auf, wenn das Mausrad oder ein ähnliches Gerät betätigt wird und der gesammelte Scroll-Betrag seit dem letzten Ereignis mehr als 1 Zeile oder 1 Seite beträgt.
mousedown: Wird ausgelöst, wenn eine Zeigegerätetaste 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, an das der Listener angehängt ist, herausbewegt wird.
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) aus dem Element, an das der Listener angehängt ist, oder einem seiner Kinder herausbewegt wird.
mouseover: Wird ausgelöst, wenn ein Zeigegerät in das Element, an das der Listener angehängt ist, oder eines seiner Kinder bewegt wird.
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 betätigt wird.
MozMousePixelScroll: Wird ausgelöst, wenn ein Mausrad oder ein ähnliches Gerät betätigt wird.
webkitmouseforcechanged: Wird jedes Mal ausgelöst, wenn 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 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 "Force-Klick" zu beenden.

Zeigerereignisse

gotpointercapture: Wird ausgelöst, wenn ein Element einen Zeiger mit setPointerCapture() einfängt.
lostpointercapture: Wird ausgelöst, wenn ein eingefangener Zeiger freigegeben wird.
pointercancel: Wird ausgelöst, wenn ein Zeigerevent abgebrochen wird.
pointerdown: Wird ausgelöst, wenn ein Zeiger aktiv wird.
pointerenter: Wird ausgelöst, wenn ein Zeiger in die Hit-Test-Grenzen eines Elements oder eines seiner Nachkommen bewegt wird.
pointerleave: Wird ausgelöst, wenn ein Zeiger aus den Hit-Test-Grenzen eines Elements herausbewegt wird.
pointermove: Wird ausgelöst, wenn ein Zeiger Koordinaten ändert.
pointerout: Wird ausgelöst, wenn ein Zeiger aus den Hit-Test-Grenzen eines Elements herausbewegt wird (unter anderem aus verschiedenen Gründen).
pointerover: Wird ausgelöst, wenn ein Zeiger in die Treffer-Test-Grenzen 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.

Screllisereignisse

scroll: Wird ausgelöst, wenn die Dokumentansicht oder ein Element gescrollt wurde.
scrollend: Wird ausgelöst, wenn die Dokumentansicht das Scrollen beendet hat.
scrollsnapchange: Wird auf dem Scrollcontainer am Ende eines Scrollvorgangs ausgelöst, wenn ein neues Scroll-Snaptarget ausgewählt wurde.
scrollsnapchanging: Wird auf dem Scrollcontainer ausgelöst, wenn der Browser feststellt, dass ein neues Scroll-Snaptarget ansteht, d.h. es wird ausgewählt, wenn die aktuelle Scroll-Geste endet.

Berührungsereignisse

gesturechange: Wird ausgelöst, wenn sich Finger während einer Berührungsgeste bewegen.
gestureend: Wird ausgelöst, wenn keine Finger mehr die Berührungsfläche kontaktieren und die Geste damit endet.
gesturestart: Wird ausgelöst, wenn mehrere Finger die Berührungsfläche kontaktieren und dadurch eine neue Geste starten.
touchcancel: Wird ausgelöst, wenn ein oder mehrere Berührungspunkte auf eine implementierungsspezifische Weise gestört wurden (z.B. werden zu viele Berührungspunkte erstellt).
touchend: Wird ausgelöst, wenn ein oder mehrere Berührungspunkte von der Berührungsfläche entfernt werden.
touchmove: Wird ausgelöst, wenn ein oder mehrere Berührungspunkte entlang der Berührungsfläche bewegt werden.
touchstart: Wird ausgelöst, wenn ein oder mehrere Berührungspunkte auf die Berührungsfläche aufgesetzt werden.

Übergangseffekte

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 abgeschlossen hat.
transitionrun: Ein Event, das ausgelöst wird, wenn ein CSS-Übergang erstellt wird (d.h. wenn er zu einem Satz von laufenden Übergängen hinzugefügt wird), aber nicht unbedingt gestartet hat.
transitionstart: Ein Event, das ausgelöst wird, wenn ein CSS-Übergang zu Übergang 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