Element

Baseline Widely available *

This feature is well established and works across many devices and browser versions. It’s been available across browsers since Juli 2015.

* Some parts of this feature may have varying levels of support.

Element ist die allgemeinste Basisklasse, von der alle Elementobjekte (d.h. Objekte, die Elemente darstellen) in einem Dokument erben. Sie hat nur Methoden und Eigenschaften, die allen Arten von Elementen gemeinsam sind. Spezifischere Klassen erben von Element.

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

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

Instanzeigenschaften

Element erbt Eigenschaften von seiner Elternschnittstelle, Node, und damit auch 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 wurde.
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 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 Zahl zurück, die die innere Höhe des Elements darstellt.
Element.clientLeft Schreibgeschützt: Gibt eine Zahl zurück, die die Breite des linken Randes des Elements darstellt.
Element.clientTop Schreibgeschützt: Gibt eine Zahl zurück, die die Breite des oberen Randes des Elements darstellt.
Element.clientWidth Schreibgeschützt: Gibt eine Zahl 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 Experimentell: Ein String, der das elementtiming-Attribut widerspiegelt, welches ein Element zur 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 darstellt.
Element.innerHTML: Ein String, der das Markup des Inhalts des Elements darstellt.
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 darstellt.
Element.namespaceURI Schreibgeschützt: Der Namespace-URI des Elements, oder null, wenn es keinen Namespace gibt.
Element.nextElementSibling Schreibgeschützt: Ein Element, das Element direkt nach dem aktuellen im Baum, oder null, wenn es kein Geschwisterknoten gibt.
Element.outerHTML: Ein String, der das Markup des Elements einschließlich seines Inhalts darstellt. Wird es als Setter verwendet, ersetzt es das Element durch Knoten, die aus dem gegebenen String geparst werden.
Element.part: Stellt die Teil-Identifier des Elements dar (d.h. gesetzt mit dem part-Attribut), zurückgegeben als eine DOMTokenList.
Element.prefix Schreibgeschützt: Ein String, der das Namespace-Präfix des Elements darstellt, oder null wenn kein Präfix angegeben ist.
Element.previousElementSibling Schreibgeschützt: Ein Element, das Element direkt vor dem aktuellen im Baum, oder null, wenn es kein Geschwisterelement gibt.
Element.scrollHeight Schreibgeschützt: Gibt eine Zahl zurück, die die dargestellte Höhe eines Elements repräsentiert.
Element.scrollLeft: Eine Zahl, die den linken Scroll-Offset des Elements darstellt.
Element.scrollLeftMax Nicht standardisiert Schreibgeschützt: Gibt eine Zahl zurück, die den maximal möglichen linken Scroll-Offset für das Element darstellt.
Element.scrollTop: Eine Zahl, die die Anzahl der Pixel beschreibt, die der obere Teil des Elements vertikal gescrollt ist.
Element.scrollTopMax Nicht standardisiert Schreibgeschützt: Gibt eine Zahl zurück, die den maximal möglichen oberen Scroll-Offset für das Element darstellt.
Element.scrollWidth Schreibgeschützt: Gibt eine Zahl zurück, die die dargestellte Breite eines Elements repräsentiert.
Element.shadowRoot Schreibgeschützt: Gibt die offene Shadow-Root zurück, die von dem 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.

Aus ARIA enthaltene Instanzeigenschaften

Die Element-Schnittstelle enthält auch die folgenden Eigenschaften.

Element.ariaAtomic: Ein String, der das aria-atomic-Attribut widerspiegelt, welches angibt, ob unterstützende Technologien die gesamte oder nur Teile der geänderten Region basierend auf den vom aria-relevant-Attribut definierten Änderungsbenachrichtigungen präsentieren werden.
Element.ariaAutoComplete: Ein String, der das aria-autocomplete-Attribut widerspiegelt, welches angibt, ob die Eingabe von Text die Anzeige von Vorhersagen des vom Benutzer beabsichtigten Werts für ein Kombinationsfeld, Suchfeld oder Textfeld auslösen könnte und wie diese Vorhersagen präsentiert würden, wenn sie gemacht würden.
Element.ariaBrailleLabel: Ein String, der das aria-braillelabel-Attribut widerspiegelt, welches die Braillebeschriftung 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 anzeigt, ob ein Element modifiziert wird, da unterstützende Technologien möglicherweise warten möchten, bis die Modifikationen abgeschlossen sind, bevor sie dem Benutzer präsentiert werden.
Element.ariaChecked: Ein String, der das aria-checked-Attribut widerspiegelt, das den aktuellen "geprüften" Zustand von Kontrollkästchen, Optionsschaltern und anderen Widgets, die einen geprüften Zustand haben, angibt.
Element.ariaColCount: Ein String, der das aria-colcount-Attribut widerspiegelt, das die Anzahl der Spalten in einer Tabelle, einem Raster oder einem Baumraster definiert.
Element.ariaColIndex: Ein String, der das aria-colindex-Attribut widerspiegelt, das den Spaltenindex oder -position eines Elements in Bezug auf die Gesamtanzahl der Spalten in einer Tabelle, einem Raster oder einem Baumraster definiert.
Element.ariaColIndexText: Ein String, der das aria-colindextext-Attribut widerspiegelt, das eine menschenlesbare Textalternative für aria-colindex definiert.
Element.ariaColSpan: Ein String, der das aria-colspan-Attribut widerspiegelt, das die Anzahl der Spalten definiert, die von einer Zelle oder Grid-Zelle innerhalb einer Tabelle, einem Raster oder einem Baumraster ü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, welches einen Stringwert definiert, der das aktuelle Element beschreibt oder annotiert.
Element.ariaDisabled: Ein String, der das aria-disabled-Attribut widerspiegelt, welches anzeigt, dass das Element wahrnehmbar, aber deaktiviert ist, sodass es nicht bearbeitet oder anderweitig betriebsbereit ist.
Element.ariaExpanded: Ein String, der das aria-expanded-Attribut widerspiegelt, welches angibt, ob ein Gruppierungselement, das von diesem Element besessen oder kontrolliert wird, erweitert oder eingeklappt ist.
Element.ariaHasPopup: Ein String, der das aria-haspopup-Attribut widerspiegelt, welches die Verfügbarkeit und den Typ des interaktiven Popup-Elements, wie z. B. 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 einer Zugänglichkeits-API ausgesetzt ist.
Element.ariaInvalid: Ein String, der das aria-invalid-Attribut widerspiegelt, welches angibt, dass der eingegebene Wert nicht dem Format entspricht, das von der Anwendung erwartet wird.
Element.ariaKeyShortcuts: Ein String, der das aria-keyshortcuts-Attribut widerspiegelt, welches 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 Stringwert definiert, der das aktuelle Element beschriftet.
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 die Arten von Aktualisierungen beschreibt, die Benutzeragenten, unterstützende Technologien und der Benutzer von der Live-Region erwarten können.
Element.ariaModal: Ein String, der das aria-modal-Attribut widerspiegelt, welches angibt, ob ein Element modal 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 Orientierung des Elements horizontal, vertikal oder unbekannt/mehrdeutig ist.
Element.ariaPlaceholder: Ein String, der das aria-placeholder-Attribut widerspiegelt, welches einen kurzen Hinweis definiert, der dem Benutzer bei der Dateneingabe 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 Listeneinträgen oder Baumeinträgen 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, welches angibt, dass das Element nicht bearbeitet werden kann, aber sonst funktionsfähig ist.
Element.ariaRelevant Nicht standardisiert: Ein String, der das aria-relevant-Attribut widerspiegelt, welches angibt, welche Benachrichtigungen der Benutzeragent auslöst, wenn der Barrierefreiheitsbaum innerhalb einer Live-Region modifiziert 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 Benutzereingaben auf dem Element erforderlich sind, bevor ein Formular abgesendet werden kann.
Element.ariaRoleDescription: Ein String, der das aria-roledescription-Attribut widerspiegelt, welches eine menschenlesbare, vom Autor lokalisierte Beschreibung 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 die Zeilenindex oder -position eines Elements in Bezug auf die Gesamtanzahl der Zeilen innerhalb einer Tabelle, eines Rasters oder eines Baumrasters definiert.
Element.ariaRowIndexText: Ein String, der das aria-rowindextext-Attribut widerspiegelt, welches eine menschenlesbare Textalternative für aria-rowindex definiert.
Element.ariaRowSpan: Ein String, der das aria-rowspan-Attribut widerspiegelt, welches die Anzahl der Zeilen definiert, die von einer Zelle oder Grid-Zelle innerhalb einer Tabelle, einem Raster oder einem Baumraster überspannt werden.
Element.ariaSelected: Ein String, der das aria-selected-Attribut widerspiegelt, welches den aktuellen "ausgewählten" Zustand von Elementen, die einen ausgewählten Zustand haben, angibt.
Element.ariaSetSize: Ein String, der das aria-setsize-Attribut widerspiegelt, welches die Anzahl der Elemente in der aktuellen Menge von Listeneinträgen oder Baumeinträgen definiert.
Element.ariaSort: Ein String, der das aria-sort-Attribut widerspiegelt, welches angibt, ob Elemente in einer Tabelle oder einem Raster aufsteigend oder absteigend sortiert sind.
Element.ariaValueMax: Ein String, der das aria-valueMax-Attribut widerspiegelt, welches den maximal erlaubten Wert für ein Bereichs-Widget definiert.
Element.ariaValueMin: Ein String, der das aria-valueMin-Attribut widerspiegelt, welches den minimal erlaubten Wert für ein Bereichs-Widget definiert.
Element.ariaValueNow: Ein String, der das aria-valueNow-Attribut widerspiegelt, welches den aktuellen Wert für ein Bereichs-Widget definiert.
Element.ariaValueText: Ein String, der das aria-valuetext-Attribut widerspiegelt, welches die menschenlesbare Textalternative für aria-valuenow für ein Bereichs-Widget definiert.
Element.role: Ein String, der das explizit gesetzte role-Attribut widerspiegelt, welches die semantische Rolle des Elements liefert.

Instanzeigenschaften, die von ARIA-Elementreferenzen reflektiert werden

Die Eigenschaften reflektieren die Elemente, die durch die id-Referenz in den entsprechenden Attributen angegeben sind, jedoch mit einigen Besonderheiten. Siehe Reflektierte Elementreferenzen im Reflektierte Attribute 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 deren Präsenz durch das Element kontrolliert werden. Reflektiert das aria-controls-Attribut.
Element.ariaDescribedByElements: Ein Array von Elementen, die die barrierefreie Beschreibung für das Element enthalten, auf das es angewendet wird. Reflektiert das aria-describedby-Attribut.
Element.ariaDetailsElements: Ein Array von Elementen, die barrierefreie Details für das Element bieten, auf das es angewendet wird. Reflektiert das aria-details-Attribut.
Element.ariaErrorMessageElements: Ein Array von Elementen, die eine Fehlermeldung für das Element bieten, auf das es angewendet wird. Reflektiert das aria-errormessage-Attribut.
Element.ariaFlowToElements: Ein Array von Elementen, die das nächste Element (oder Elemente) in einer alternativen Lesereihenfolge des Inhalts identifizieren und die allgemeine Standardlesereihenfolge nach Belieben 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 dem Element gehören, auf das dies angewendet wird. 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. Reflektiert das aria-owns-Attribut.

Instanzmethoden

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 Kinderliste des Elternteils des Element ein, direkt nach dem Element.
Element.animate(): Eine Abkürzungsmethode, um eine Animation auf einem Element zu erstellen und auszuführen. Gibt das erstellte Animationsobjekt zurück.
Element.ariaNotify() Experimentell: Gibt an, dass ein gegebener Textstring von einem Bildschirmlesegerät angekündigt werden soll.
Element.append(): Fügt eine Reihe von Node-Objekten oder Strings nach dem letzten Kind des Elements ein.
Element.attachShadow(): Fügt einem angegebenen Element einen 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 Kinderliste des Elternteils des Element ein, direkt vor dem Element.
Element.checkVisibility(): Gibt zurück, ob ein Element voraussichtlich sichtbar sein soll oder nicht, basierend auf konfigurierbaren Prüfungen.
Element.closest(): Gibt das Element zurück, welches der nächste Vorfahre des aktuellen Elements (oder das aktuelle Element selbst) ist, das den in Parameter angegebenen Selektoren entspricht.
Element.computedStyleMap(): Gibt eine StylePropertyMapReadOnly-Schnittstelle zurück, die eine schreibgeschützte Darstellung eines CSS-Deklarationsblocks bietet, welche 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 des aktuellen Elements zurück.
Element.getAttributeNode(): Ruft die Knotenrepräsentation des benannten Attributs vom aktuellen Knoten ab und gibt ihn als Attr zurück.
Element.getAttributeNodeNS(): Ruft die Knotenrepräsentation des Attributs mit dem angegebenen Namen und Namespace vom aktuellen Knoten ab und gibt ihn 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 zur Viewport zurück.
Element.getBoxQuads() Experimentell: 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 Grenzrechtecke für jede Textzeile auf einem Client darstellen.
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 Tags 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 Namespaces des aktuellen Elements enthält.
Element.getHTML(): Gibt den DOM-Inhalt des Elements als HTML-String zurück, optional einschließlich jedes Shadow-DOMs.
Element.hasAttribute(): Gibt einen booleschen Wert zurück, der angibt, ob das Element das angegebene Attribut hat oder nicht.
Element.hasAttributeNS(): Gibt einen booleschen Wert zurück, der angibt, ob das Element das angegebene Attribut im angegebenen Namespace hat oder nicht.
Element.hasAttributes(): Gibt einen booleschen Wert zurück, der angibt, ob das Element ein oder mehrere HTML-Attribute hat.
Element.hasPointerCapture(): Zeigt an, ob das Element, auf dem es aufgerufen wird, Zeigererfassung für den durch die gegebene Zeiger-ID identifizierten Zeiger hat.
Element.insertAdjacentElement(): Fügt einen angegebenen Elementknoten an einer angegebenen Position relativ zum Element ein, auf das es aufgerufen wird.
Element.insertAdjacentHTML(): Parst den Text als HTML oder XML und fügt die resultierenden Knoten in den Baum an der angegebenen Position ein.
Element.insertAdjacentText(): Fügt einen angegebenen Textknoten an einer angegebenen Position relativ zum Element ein, auf das 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 in das aufrufende Element als direktes Kind, vor einem angegebenen Referenzknoten, ohne den Knoten zu entfernen und dann einzufügen.
Element.prepend(): Fügt eine Reihe von Node-Objekten oder Strings vor dem ersten Kind des Elements ein.
Element.querySelector(): Gibt den ersten Node zurück, der den angegebenen Selektor-String relativ zum Element erfüllt.
Element.querySelectorAll(): Gibt eine NodeList von Knoten zurück, die den angegebenen Selektor-String relativ zum Element erfüllen.
Element.releasePointerCapture(): Gibt die (stoppt) Zeigererfassung frei, die zuvor für ein spezifisches PointerEvent gesetzt 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 durch eine angegebene neue Menge von Kindern.
Element.replaceWith(): Ersetzt das Element in der Kinderliste seines Elternteils durch eine Reihe von Node-Objekten oder Strings.
Element.requestFullscreen(): Fordert asynchron den Browser auf, das Element im Vollbild darzustellen.
Element.requestPointerLock(): Ermöglicht das asynchrone Beantragen, dass der Zeiger auf dem angegebenen Element gesperrt wird.
Element.scroll(): Scrollt zu einer bestimmten Koordinatensetzung 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() Nicht standardisiert: Scrollt das aktuelle Element in den sichtbaren Bereich des Browserfensters, falls es nicht bereits im sichtbaren Bereich des Browserfensters ist. Verwenden Sie stattdessen den Standard Element.scrollIntoView().
Element.scrollTo(): Scrollt zu einer bestimmten Koordinatensetzung innerhalb eines gegebenen Elements.
Element.setAttribute(): Setzt den Wert eines benannten Attributs des aktuellen Knotens.
Element.setAttributeNode(): Setzt die Knotenrepräsentation des benannten Attributs des aktuellen Knotens.
Element.setAttributeNodeNS(): Setzt die Knotenrepräsentation des Attributs mit dem angegebenen Namen und Namespace des aktuellen Knotens.
Element.setAttributeNS(): Setzt den Wert des Attributs mit dem angegebenen Namen und Namespace des aktuellen Knotens.
Element.setCapture() Nicht standardisiert Veraltet: Richtet die Erfassung von Mausereignissen ein und leitet alle Mausereignisse an dieses Element weiter.
Element.setHTML() Sicherer Kontext: Parst und desinfiziert einen HTML-String in ein Dokumentfragment, das dann den ursprünglichen Teilbaum des Elements im DOM ersetzt.
Element.setHTMLUnsafe(): Parst einen HTML-String in ein Dokumentfragment, ohne Desinfektion, welches dann den ursprünglichen Teilbaum des Elements im DOM ersetzt. Der HTML-String kann deklarative Shadow-Roots enthalten, die als Template-Elemente geparst würden, wenn das HTML mit Element.innerHTML gesetzt würde.
Element.setPointerCapture(): Bestimmt ein spezifisches Element als Ziel für die Erfassung zukünftiger Zeigerereignisse.

Ereignisse

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

afterscriptexecute Nicht standardisiert Veraltet: Wird ausgelöst, wenn ein Skript ausgeführt wurde.
beforeinput: Wird ausgelöst, wenn der Wert eines Eingabeelements kurz vor der Änderung steht.
beforematch: Wird auf einem Element ausgelöst, das sich im versteckt bis gefunden-Zustand befindet, wenn der Browser kurz davor steht, seinen Inhalt anzuzeigen, weil der Benutzer den Inhalt durch die "Auf Seite finden"-Funktion oder durch Fragmentnavigation gefunden hat.
beforescriptexecute Nicht standardisiert Veraltet: Wird ausgelöst, wenn ein Skript kurz vor der Ausführung steht.
beforexrselect Experimentell: Wird vor den WebXR-Auswahlevents (select, selectstart, selectend) ausg ausgelöst.
contentvisibilityautostatechange: Wird auf einem beliebigen Element mit content-visibility: auto ausgelöst, wenn es beginnt oder aufhört, relevant für den Benutzer zu sein und seine Inhalte zu überspringen.
input: Wird ausgelöst, wenn sich der Wert eines Elements als direkte Folge einer Benutzeraktion ändert.
securitypolicyviolation: Wird ausgelöst, wenn eine Content Security Policy verletzt wird.
wheel: Wird ausgelöst, wenn der Benutzer ein Rad auf einem Zeigegerät (typischerweise eine Maus) dreht.

Animationsevents

animationcancel: Wird ausgelöst, wenn eine Animation unerwartet abgebrochen wird.
animationend: Wird ausgelöst, wenn eine Animation normal beendet wurde.
animationiteration: Wird ausgelöst, wenn eine Animation eine Iteration abgeschlossen hat.
animationstart: Wird ausgelöst, wenn eine Animation startet.

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.

Kompositionsevents

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

Fokusereignisse

blur: Wird ausgelöst, wenn ein Element den Fokus verliert.
focus: Wird ausgelöst, wenn ein Element den Fokus erhält.
focusin: Wird ausgelöst, wenn ein Element den Fokus erhält, nach focus.
focusout: Wird ausgelöst, wenn ein Element den Fokus verliert, nach blur.

Vollbildereignisse

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

Tastaturereignisse

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

Mausereignisse

auxclick: Wird ausgelöst, wenn ein nicht-primärer Zeigegeräteknopf (z. B. jede Maustaste außer der linken) auf einem Element gedrückt und losgelassen wurde.
click: Wird ausgelöst, wenn ein Zeigegeräteknopf (z. B. die Primärtaste 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 ein Zeigegeräteknopf (z. B. die Primärtaste einer Maus) zweimal auf einem einzelnen Element gedrückt wird.
DOMActivate Veraltet: Tritt auf, wenn ein Element aktiviert wird, beispielsweise durch einen Mausklick oder einen Tastendruck.
DOMMouseScroll Veraltet Nicht standardisiert: Tritt auf, wenn das Mausrad oder ein ähnliches Gerät betrieben wird und der kumulierte Bildlauf über 1 Zeile oder 1 Seite seit dem letzten Ereignis hinausgeht.
mousedown: Wird ausgelöst, wenn ein Zeigegeräteknopf 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 einer Maus) aus einem Element bewegt wird, an dem der Listener angebracht 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) aus dem Element, an das der Listener angebracht ist, oder aus einem seiner Kinder bewegt wird.
mouseover: Wird ausgelöst, wenn ein Zeigegerät in das Element, an das der Listener angebracht ist, oder in eines seiner Kinder bewegt wird.
mouseup: Wird ausgelöst, wenn ein Zeigegeräteknopf auf einem Element losgelassen wird.
mousewheel Veraltet Nicht standardisiert: Wird ausgelöst, wenn ein Mausrad oder ähnliches Gerät betrieben wird.
MozMousePixelScroll Veraltet Nicht standardisiert: Wird ausgelöst, wenn ein Mausrad oder ähnliches Gerät betrieben wird.
webkitmouseforcechanged Nicht standardisiert: Wird jedes Mal ausgelöst, wenn der Druck auf dem Trackpad-Bildschirm sich ändert.
webkitmouseforcedown Nicht standardisiert: Wird nach dem mousedown-Ereignis ausgelöst, sobald genügend Druck ausgeübt wurde, um als "Force-Klick" zu qualifizieren.
webkitmouseforcewillbegin Nicht standardisiert: Wird vor dem mousedown-Ereignis ausgelöst.
webkitmouseforceup Nicht standardisiert: 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() 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 Trefferboxgrenzen eines Elements oder eines seiner Nachfahren bewegt wird.
pointerleave: Wird ausgelöst, wenn ein Zeiger aus den Trefferboxgrenzen eines Elements bewegt wird.
pointermove: Wird ausgelöst, wenn ein Zeiger seine Koordinaten ändert.
pointerout: Wird ausgelöst, wenn ein Zeiger aus den Trefferbox Grenzen eines Elements bewegt wird (unter anderem Gründen).
pointerover: Wird ausgelöst, wenn ein Zeiger in die Trefferboxgrenzen 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.

Blätternereignisse

scroll: Wird ausgelöst, wenn die Dokumentansicht oder ein Element geblättert wurde.
scrollend: Wird ausgelöst, wenn die Dokumentansicht das Blättern abgeschlossen hat.
scrollsnapchange Experimentell: Wird am Scroll-Container am Ende eines Scroll-Vorgangs ausgelöst, wenn ein neues Scroll-Snap-Ziel ausgewählt wurde.
scrollsnapchanging Experimentell: Wird am Scroll-Container ausgelöst, wenn der Browser erkennt, dass ein neues Scroll-Snap-Ziel ansteht, d.h. es wird ausgewählt, wenn die aktuelle Scroll-Geste endet.

Berührungsereignisse

gesturechange Nicht standardisiert: Wird ausgelöst, wenn Finger während einer Berührungsgeste bewegt werden.
gestureend Nicht standardisiert: Wird ausgelöst, wenn keine Finger mehr die Berührungsoberfläche berühren und die Geste somit beendet wird.
gesturestart Nicht standardisiert: Wird ausgelöst, wenn mehrere Finger die Berührungsoberfläche berühren und somit eine neue Geste starten.
touchcancel: Wird ausgelöst, wenn ein oder mehrere Berührungspunkte auf eine implementationsspezifische Weise unterbrochen wurden (beispielsweise, wenn zu viele Berührungspunkte erstellt werden).
touchend: Wird ausgelöst, wenn ein oder mehrere Berührungspunkte von der Berührungsoberfläche entfernt werden.
touchmove: Wird ausgelöst, wenn ein oder mehrere Berührungspunkte entlang der Berührungsoberfläche bewegt werden.
touchstart: Wird ausgelöst, wenn ein oder mehrere Berührungspunkte auf der Berührungsoberfläche platziert werden.

Ü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 seine Wiedergabe abgeschlossen hat.
transitionrun: Ein Event, das ausgelöst wird, wenn ein CSS-Übergang erstellt wird (d.h. wenn es zu einer Menge laufender Übergänge hinzugefügt wird), jedoch nicht notwendigerweise gestartet ist.
transitionstart: Ein Event, das ausgelöst wird, wenn ein CSS-Übergang gestartet wurde.

Spezifikationen

Specification
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

Learn how to contribute Diese Seite wurde automatisch aus dem Englischen übersetzt.

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