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 einemDocument erben. Sie hat nur Methoden und Eigenschaften, die allen Arten von Elementen gemeinsam sind. Spezifischere Klassen erben vonElement.

Zum Beispiel ist dasHTMLElement-Interface die Basis für HTML-Elemente. Ähnlich bildet dasSVGElement-Interface die Grundlage für alle SVG-Elemente, und dasMathMLElement-Interface ist das Basis-Interface für MathML-Elemente. Die meisten Funktionalitäten werden weiter unten in der Klassenhierarchie spezifiziert.

Sprachen außerhalb der Web-Plattform, wie XUL durch dasXULElement-Interface, implementieren ebenfallsElement.

Instanz-Eigenschaften

Element erbt Eigenschaften von seinem Eltern-InterfaceNode und über dieses wiederum von dessen Eltern-InterfaceEventTarget.

Element.assignedSlotSchreibgeschützt: Gibt einHTMLSlotElement zurück, das das<slot> darstellt, in das der Knoten eingefügt wurde.
Element.attributesSchreibgeschützt: Gibt einNamedNodeMap-Objekt zurück, das die zugeordneten Attribute des entsprechenden HTML-Elements enthält.
Element.childElementCountSchreibgeschützt: Gibt die Anzahl der Kind-Elemente dieses Elements zurück.
Element.childrenSchreibgeschützt: Gibt die Kind-Elemente dieses Elements zurück.
Element.classListSchreibgeschützt: Gibt einDOMTokenList zurück, das die Liste der Klassenattribute enthält.
Element.className: Ein String, der die Klasse des Elements darstellt.
Element.clientHeightSchreibgeschützt: Gibt eine Zahl zurück, die die innere Höhe des Elements darstellt.
Element.clientLeftSchreibgeschützt: Gibt eine Zahl zurück, die die Breite des linken Rahmens des Elements darstellt.
Element.clientTopSchreibgeschützt: Gibt eine Zahl zurück, die die Breite des oberen Rahmens des Elements darstellt.
Element.clientWidthSchreibgeschützt: Gibt eine Zahl zurück, die die innere Breite des Elements darstellt.
Element.currentCSSZoomSchreibgeschützt: Eine Zahl, die die effektive Zoomgröße des Elements angibt oder 1.0, wenn das Element nicht gerendert wird.
Element.elementTimingExperimentell: Ein String, der das elementtiming-Attribut widerspiegelt, welches ein Element zur Beobachtung in derPerformanceElementTiming-API kennzeichnet.
Element.firstElementChildSchreibgeschü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 die Markup-Darstellung des Inhalts des Elements repräsentiert.
Element.lastElementChildSchreibgeschützt: Gibt das letzte Kind-Element dieses Elements zurück.
Element.localNameSchreibgeschützt: Ein String, der den lokalen Teil des qualifizierten Namens des Elements darstellt.
Element.namespaceURISchreibgeschützt: Die Namensraum-URI des Elements odernull, wenn es keinen Namensraum gibt.
Element.nextElementSiblingSchreibgeschützt: EinElement, das Element, das direkt nach dem gegebenen im Baum folgt, odernull, wenn es keinen Geschwisterknoten gibt.
Element.outerHTML: Ein String, der die Markup-Darstellung des Elements einschließlich seines Inhalts repräsentiert. Wenn es als Setter verwendet wird, ersetzt es das Element durch die von dem String geparsten Knoten.
Element.part: Repräsentiert den Teil-Identifikator/die Teil-Identifikatoren des Elements (d.h. über daspart-Attribut festgelegt), zurückgegeben als einDOMTokenList.
Element.prefixSchreibgeschützt: Ein String, der das Namensraumprefix des Elements repräsentiert, odernull, wenn kein Prefix angegeben ist.
Element.previousElementSiblingSchreibgeschützt: EinElement, das Element, das direkt vor dem gegebenen im Baum steht, odernull, wenn es kein Geschwisterelement gibt.
Element.scrollHeightSchreibgeschützt: Gibt eine Zahl zurück, die die Scrollansichtshöhe eines Elements darstellt.
Element.scrollLeft: Eine Zahl, die den linken Scrolloffset des Elements darstellt.
Element.scrollLeftMaxNicht standardisiertSchreibgeschützt: Gibt eine Zahl zurück, die den maximal möglichen linken Scrolloffset für das Element darstellt.
Element.scrollTop: Eine Zahl, die die Anzahl der Pixel angibt, die das obere Ende des Elements vertikal gescrollt ist.
Element.scrollTopMaxNicht standardisiertSchreibgeschützt: Gibt eine Zahl zurück, die den maximal möglichen oberen Scrolloffset für das Element darstellt.
Element.scrollWidthSchreibgeschützt: Gibt eine Zahl zurück, die die Scrollansichtsbreite des Elements darstellt.
Element.shadowRootSchreibgeschützt: Gibt das offene Shadow-Root zurück, das vom Element gehostet wird, odernull, wenn kein offenes Shadow-Root vorhanden ist.
Element.slot: Gibt den Namen des Shadow-DOM-Slots zurück, in dem das Element eingefügt ist.
Element.tagNameSchreibgeschützt: Gibt einen String mit dem Namen des Tags für das gegebene Element zurück.

Instanz-Eigenschaften von ARIA

DasElement-Interface beinhaltet auch die folgenden Eigenschaften.

Element.ariaAtomic: Ein String, der dasaria-atomic-Attribut widerspiegelt, welches angibt, ob unterstützende Technologien alle oder nur Teile des geänderten Bereichs basierend auf den Änderungsbenachrichtigungen desaria-relevant-Attributs präsentieren.
Element.ariaAutoComplete: Ein String, der dasaria-autocomplete-Attribut widerspiegelt, welches angibt, ob die Eingabe von Text die Anzeige von einer oder mehreren Vorhersagen des gewünschten Werts für eine Kombinationsbox, Suchbox oder Textbox auslösen könnte und wie die Vorhersagen präsentiert werden würden, falls sie gemacht werden.
Element.ariaBrailleLabel: Ein String, der dasaria-braillelabel-Attribut widerspiegelt, welches das Braille-Label des Elements definiert.
Element.ariaBrailleRoleDescription: Ein String, der dasaria-brailleroledescription-Attribut widerspiegelt, welches die ARIA-Braille-Rollenbeschreibung des Elements definiert.
Element.ariaBusy: Ein String, der dasaria-busy-Attribut widerspiegelt, welches angibt, ob ein Element bearbeitet wird, da unterstützende Technologien möglicherweise warten möchten, bis die Bearbeitungen abgeschlossen sind, bevor sie dem Benutzer präsentiert werden.
Element.ariaChecked: Ein String, der dasaria-checked-Attribut widerspiegelt, welches den aktuellen Zustand ("checked") von Kontrollkästchen, Optionsfeldern und anderer Widgets angibt, die einen Zustandswechsel haben.
Element.ariaColCount: Ein String, der dasaria-colcount-Attribut widerspiegelt, welches die Anzahl der Spalten in einer Tabelle, einem Raster oder Gitter darstellt.
Element.ariaColIndex: Ein String, der dasaria-colindex-Attribut widerspiegelt, welches den Spaltenindex oder die Position eines Elements in Bezug auf die Gesamtanzahl der Spalten innerhalb einer Tabelle, einem Raster oder Gitter definiert.
Element.ariaColIndexText: Ein String, der dasaria-colindextext-Attribut widerspiegelt, welches einen menschenlesbaren Text deraria-colindex-Eigenschaft bereitstellt.
Element.ariaColSpan: Ein String, der dasaria-colspan-Attribut widerspiegelt, welches die Anzahl der Spalten definiert, die von einer Zelle oder Rasterzelle in einer Tabelle, einem Raster oder Gitter überspannt werden.
Element.ariaCurrent: Ein String, der dasaria-current-Attribut widerspiegelt, welches das Element angibt, das das aktuelle Element innerhalb eines Containers oder einer Gruppe verwandter Elemente darstellt.
Element.ariaDescription: Ein String, der dasaria-description-Attribut widerspiegelt, das einen String-Wert definiert, der das aktuelle Element beschreibt oder kommentiert.
Element.ariaDisabled: Ein String, der dasaria-disabled-Attribut widerspiegelt, welches angibt, dass das Element wahrnehmbar, aber deaktiviert ist, sodass es nicht bearbeitet oder anderweitig bedienbar ist.
Element.ariaExpanded: Ein String, der dasaria-expanded-Attribut widerspiegelt, welches angibt, ob ein Gruppierungselement, das von diesem Element besessen oder kontrolliert wird, erweitert oder zusammengeklappt ist.
Element.ariaHasPopup: Ein String, der dasaria-haspopup-Attribut widerspiegelt, welches die Verfügbarkeit und den Typ eines interaktiven Popup-Elements angibt, zum Beispiel Menü oder Dialog, das durch ein Element ausgelöst werden kann.
Element.ariaHidden: Ein String, der dasaria-hidden-Attribut widerspiegelt, welches angibt, ob das Element für eine Zugänglichkeits-API sichtbar ist.
Element.ariaInvalid: Ein String, der dasaria-invalid-Attribut widerspiegelt, das angibt, dass der eingegebene Wert nicht dem vom Anwendungsprogramm erwarteten Format entspricht.
Element.ariaKeyShortcuts: Ein String, der dasaria-keyshortcuts-Attribut widerspiegelt, welches Tastaturkürzel angibt, die ein Autor implementiert hat, um ein Element zu aktivieren oder in den Fokus zu setzen.
Element.ariaLabel: Ein String, der dasaria-label-Attribut widerspiegelt, welches einen String-Wert definiert, der das aktuelle Element beschriftet.
Element.ariaLevel: Ein String, der dasaria-level-Attribut widerspiegelt, welches das hierarchische Niveau eines Elements innerhalb einer Struktur definiert.
Element.ariaLive: Ein String, der dasaria-live-Attribut widerspiegelt, welches angibt, dass ein Element aktualisiert wird, und die Arten von Updates beschreibt, die Benutzeragenten, unterstützende Technologien und Benutzer in einer Live-Region erwarten können.
Element.ariaModal: Ein String, der dasaria-modal-Attribut widerspiegelt, welches angibt, ob ein Element modal angezeigt wird.
Element.ariaMultiline: Ein String, der dasaria-multiline-Attribut widerspiegelt, das angibt, ob eine Textbox mehrere Zeilen Eingabe akzeptiert oder nur eine einzelne Zeile.
Element.ariaMultiSelectable: Ein String, der dasaria-multiselectable-Attribut widerspiegelt, welches angibt, dass der Benutzer mehr als einen Eintrag aus den aktuellen auswählbaren Nachkommen auswählen kann.
Element.ariaOrientation: Ein String, der dasaria-orientation-Attribut widerspiegelt, welches angibt, ob die Ausrichtung des Elements horizontal, vertikal oder unbekannt/mehrdeutig ist.
Element.ariaPlaceholder: Ein String, der dasaria-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 dasaria-posinset-Attribut widerspiegelt, das die Nummer oder Position eines Elements im aktuellen Satz von Listenelementen oder Baumelementen definiert.
Element.ariaPressed: Ein String, der dasaria-pressed-Attribut widerspiegelt, welches den aktuellen "gedrückten" Zustand von Umschalttasten angibt.
Element.ariaReadOnly: Ein String, der dasaria-readonly-Attribut widerspiegelt, das angibt, dass das Element nicht bearbeitet werden kann, aber ansonsten bedienbar ist.
Element.ariaRelevantNicht standardisiert: Ein String, der das aria-relevant-Attribut widerspiegelt, welches angibt, welche Benachrichtigungen der Benutzeragent auslösen wird, wenn der Zugänglichkeitsbaum in einer Live-Region geändert wird. Dies wird verwendet, um zu beschreiben, welche Änderungen in eineraria-live-Region relevant sind und angekündigt werden sollten.
Element.ariaRequired: Ein String, der dasaria-required-Attribut widerspiegelt, welches angibt, dass Eingaben des Benutzers an dem Element erforderlich sind, bevor ein Formular eingereicht werden kann.
Element.ariaRoleDescription: Ein String, der dasaria-roledescription-Attribut widerspiegelt, welches eine menschenlesbare, vom Autor lokalisierte Beschreibung der Rolle eines Elements definiert.
Element.ariaRowCount: Ein String, der dasaria-rowcount-Attribut widerspiegelt, das die Gesamtzahl der Zeilen in einer Tabelle, einem Raster oder Gitter darstellt.
Element.ariaRowIndex: Ein String, der dasaria-rowindex-Attribut widerspiegelt, welches den Zeilenindex oder die Position eines Elements in Bezug auf die Gesamtzahl der Zeilen innerhalb einer Tabelle, einem Raster oder Gitter definiert.
Element.ariaRowIndexText: Ein String, der dasaria-rowindextext-Attribut widerspiegelt, welches einen menschenlesbaren Text deraria-rowindex-Eigenschaft bereitstellt.
Element.ariaRowSpan: Ein String, der dasaria-rowspan-Attribut widerspiegelt, welches die Anzahl der Zeilen definiert, die von einer Zelle oder Rasterzelle in einer Tabelle, einem Raster oder Gitter überspannt werden.
Element.ariaSelected: Ein String, der dasaria-selected-Attribut widerspiegelt, welches den aktuellen "ausgewählten" Zustand von Elementen angibt, die einen ausgewählten Zustand haben.
Element.ariaSetSize: Ein String, der dasaria-setsize-Attribut widerspiegelt, das die Anzahl der Elemente im aktuellen Satz von Listenelementen oder Baumelementen definiert.
Element.ariaSort: Ein String, der dasaria-sort-Attribut widerspiegelt, das angibt, ob die Elemente in einer Tabelle oder einem Raster in aufsteigender oder absteigender Reihenfolge sortiert sind.
Element.ariaValueMax: Ein String, der dasaria-valueMax-Attribut widerspiegelt, welches den maximal zulässigen Wert für ein Regler-Widget definiert.
Element.ariaValueMin: Ein String, der dasaria-valueMin-Attribut widerspiegelt, welches den minimal zulässigen Wert für ein Regler-Widget definiert.
Element.ariaValueNow: Ein String, der dasaria-valueNow-Attribut widerspiegelt, welche den aktuellen Wert für ein Regler-Widget definiert.
Element.ariaValueText: Ein String, der dasaria-valuetext-Attribut widerspiegelt, welches den menschenlesbaren Text deraria-valuenow-Eigenschaft für ein Regler-Widget darstellt.
Element.role: Ein String, der das explizit gesetzterole-Attribut widerspiegelt, welches die semantische Rolle des Elements angibt.

Instanz-Eigenschaften, die von ARIA-Element-Referenzen widergespiegelt werden

Die Eigenschaften spiegeln die durchid-Referenzen angegebenen Elemente in den entsprechenden Attributen wider, jedoch mit einigen Vorbehalten. SieheReflected element references imReflected attributes-Leitfaden für weitere Informationen.

Element.ariaActiveDescendantElement: Ein Element, das das aktuelle aktive Element repräsentiert, wenn sich der Fokus auf einemcomposite-Widget,combobox,textbox,group oderapplication befindet.Spiegelt dasaria-activedescendant-Attribut wider.
Element.ariaControlsElements: Ein Array von Elementen, deren Inhalte oder Vorhandensein durch das Element, auf das es angewendet wird, kontrolliert werden.Spiegelt dasaria-controls-Attribut wider.
Element.ariaDescribedByElements: Ein Array von Elementen, die die zugängliche Beschreibung für das Element, auf das es angewendet wird, enthalten.Spiegelt dasaria-describedby-Attribut wider.
Element.ariaDetailsElements: Ein Array von Elementen, die zugängliche Details für das Element, auf das es angewendet wird, bereitstellen.Spiegelt dasaria-details-Attribut wider.
Element.ariaErrorMessageElements: Ein Array von Elementen, die eine Fehlermeldung für das Element, auf das es angewendet wird, bereitstellen.Spiegelt dasaria-errormessage-Attribut wider.
Element.ariaFlowToElements: Ein Array von Elementen, die das nächste Element (oder die nächsten Elemente) in einer alternativen Lesereihenfolge des Inhalts identifizieren und dadurch die allgemeine standardmäßige Lesereihenfolge nach Ermessen des Benutzers überschreiben.Spiegelt dasaria-flowto-Attribut wider.
Element.ariaLabelledByElements: Ein Array von Elementen, die den zugänglichen Namen für das Element, auf das es angewendet wird, bereitstellen.Spiegelt dasaria-labelledby-Attribut wider.
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 Eltern- und seinen Kindelementen zu definieren, wenn die DOM-Hierarchie nicht zur Darstellung der Beziehung verwendet werden kann.Spiegelt dasaria-owns-Attribut wider.

Instanz-Methoden

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

Element.after(): Fügt eine Menge vonNode-Objekten oder Strings in die Liste der Kinder des Elternteils desElement ein, direkt nach demElement.
Element.animate(): Eine Abkürzungsmethode, um eine Animation auf einem Element zu erstellen und auszuführen. Gibt das erstellte Animation-Objekt-Instanz zurück.
Element.ariaNotify()Experimentell Nicht standardisiert: Gibt an, dass ein gegebener Textstring von einem Bildschirmleseprogramm angekündigt werden soll.
Element.append(): Fügt eine Menge vonNode-Objekten oder Strings nach dem letzten Kind des Elements ein.
Element.attachShadow(): Fügt einen Shadow-DOM-Baum zu dem angegebenen Element hinzu und gibt eine Referenz zu seinemShadowRoot zurück.
Element.before(): Fügt eine Menge vonNode-Objekten oder Strings in die Liste der Kinder des Elternteils desElement ein, direkt vor demElement.
Element.checkVisibility(): Gibt zurück, ob erwartet wird, dass ein Element basierend auf konfigurierbaren Prüfungen sichtbar ist oder nicht.
Element.closest(): Gibt dasElement zurück, das der nächstgelegene Vorfahre des aktuellen Elements ist (oder das aktuelle Element selbst), das die in dem Parameter angegebenen Selektoren erfüllt.
Element.computedStyleMap(): Gibt einStylePropertyMapReadOnly-Interface zurück, das eine schreibgeschützte Darstellung eines CSS-Deklarationsblocks bietet, die eine Alternative zuCSSStyleDeclaration darstellt.
Element.getAnimations(): Gibt ein Array von Animation-Objekten zurück, die derzeit auf dem Element aktiv sind.
Element.getAttribute(): Ruft den Wert des benannten Attributs vom aktuellen Knoten ab und gibt ihn als String zurück.
Element.getAttributeNames(): Gibt ein Array von Attributnamen vom aktuellen Element zurück.
Element.getAttributeNode(): Ruft die Knoten-Darstellung des benannten Attributs vom aktuellen Knoten ab und gibt es als einAttr zurück.
Element.getAttributeNodeNS(): Ruft die Knoten-Darstellung des Attributs mit dem angegebenen Namen und Namensraum vom aktuellen Knoten ab und gibt es als einAttr zurück.
Element.getAttributeNS(): Ruft den Wert des Attributs mit dem angegebenen Namensraum und Namen vom aktuellen Knoten ab und gibt ihn als String zurück.
Element.getBoundingClientRect(): Gibt die Größe eines Elements und seine Position relativ zur Ansicht zurück.
Element.getBoxQuads()Experimentell: 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 Begrenzungsrechtecke für jede Textzeile in einem Client anzeigen.
Element.getElementsByClassName(): Gibt eine lebendigeHTMLCollection zurück, die alle Nachkommen des aktuellen Elements enthält, die die im Parameter angegebene Klassenliste besitzen.
Element.getElementsByTagName(): Gibt eine lebendigeHTMLCollection zurück, die alle Nachkommenelemente mit einem bestimmten Tag-Namen vom aktuellen Element enthält.
Element.getElementsByTagNameNS(): Gibt eine lebendigeHTMLCollection zurück, die alle Nachkommenelemente mit einem bestimmten Tag-Namen und Namensraum vom aktuellen Element enthält.
Element.getHTML(): Gibt den DOM-Inhalt des Elements als HTML-String zurück, optional einschließlich eines Shadow-DOMs.
Element.hasAttribute(): Gibt einen booleschen Wert zurück, der anzeigt, ob das Element das angegebene Attribut hat oder nicht.
Element.hasAttributeNS(): Gibt einen booleschen Wert zurück, der anzeigt, ob das Element das angegebene Attribut im angegebenen Namensraum hat oder nicht.
Element.hasAttributes(): Gibt einen booleschen Wert zurück, der anzeigt, ob das Element ein oder mehrere HTML-Attribute hat.
Element.hasPointerCapture(): Gibt an, ob das Element, auf dem es aufgerufen wird, einen Zeiger für das durch die angegebene Zeiger-ID identifizierte Element eingefangen hat.
Element.<insertAdjacentElement(): Fügt ein gegebenes Elementknoten an einer bestimmten Position relativ zu dem 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 gegebenen Textknoten an einer bestimmten Position relativ zu dem Element ein, auf das es aufgerufen wird.
Element.matches(): Gibt einen booleschen Wert zurück, der anzeigt, ob das Element durch den angegebenen Selektor-String ausgewählt wird oder nicht.
Element.moveBefore(): Verschiebt einen gegebenenNode innerhalb des aufrufenden Knotens als direktes Kind vor einen gegebenen Referenzknoten, ohne den Knoten zu entfernen und dann einzufügen.
Element.prepend(): Fügt eine Menge vonNode-Objekten oder Strings vor dem ersten Kind des Elements ein.
Element.querySelector(): Gibt den erstenNode zurück, der den angegebenen Selektor-String relativ zum Element erfüllt.
Element.querySelectorAll(): Gibt eineNodeList von Knoten zurück, die den angegebenen Selektor-String relativ zum Element erfüllen.
Element.releasePointerCapture(): Löst (stoppt) die Zeigereinfangung, die zuvor für ein bestimmtesPointerEvent 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 Knoten-Darstellung des benannten Attributs vom aktuellen Knoten.
Element.removeAttributeNS(): Entfernt das Attribut mit dem angegebenen Namen und Namensraum vom aktuellen Knoten.
Element.replaceChildren(): Ersetzt die vorhandenen Kinder einesNode durch einen angegebenen neuen Satz von Kindern.
Element.replaceWith(): Ersetzt das Element in der Kinderliste seines Elternteils durch eine Menge vonNode-Objekten oder Strings.
Element.requestFullscreen(): Bittet den Browser asynchron, das Element im Vollbild anzuzeigen.
Element.requestPointerLock(): Erlaubt es, asynchron um die Sperrung des Zeigers auf dem gegebenen Element zu bitten.
Element.scroll(): Scrollt zu einem bestimmten Satz von Koordinaten innerhalb eines gegebenen Elements.
Element.scrollBy(): Scrollt ein Element um den angegebenen Betrag.
Element.scrollIntoView(): Scrollt die Seite, bis das Element in den Ansichtsbereich kommt.
Element.scrollIntoViewIfNeeded()Nicht standardisiert: Scrollt das aktuelle Element in den sichtbaren Bereich des Browserfensters, wenn es sich nicht bereits innerhalb des sichtbaren Bereichs des Browserfensters befindet.Verwenden Sie stattdessen die StandardmethodeElement.scrollIntoView().
Element.scrollTo(): Scrollt zu einem bestimmten Satz von Koordinaten innerhalb eines gegebenen Elements.
Element.setAttribute(): Setzt den Wert eines benannten Attributs des aktuellen Knotens.
Element.setAttributeNode(): Setzt die Knoten-Darstellung des benannten Attributs des aktuellen Knotens.
Element.setAttributeNodeNS(): Setzt die Knoten-Darstellung des Attributs mit dem angegebenen Namen und Namensraum des aktuellen Knotens.
Element.setAttributeNS(): Setzt den Wert des Attributs mit dem angegebenen Namen und Namensraum des aktuellen Knotens.
Element.setCapture()Nicht standardisiert Veraltet: Richtet die Erfassung von Mausereignissen ein, wodurch alle Mausereignisse auf dieses Element umgeleitet werden.
Element.setHTML()Sicherer Kontext: Fürht das Parsen undSanitisieren eines HTML-Strings in ein Dokumentfragment aus, welches dann den ursprünglichen Unterbaum des Elements im DOM ersetzt.
Element.setHTMLUnsafe(): Fürht das Parsen eines HTML-Strings in ein Dokumentfragment ohne Sanitisierung aus, welches dann den ursprünglichen Unterbaum des Elements im DOM ersetzt. Der HTML-String kann deklarative Shadow-Roots einschließen, die als Template-Elemente geparst würden, wenn das HTML mittelsElement.innerHTML gesetzt wurde.
Element.setPointerCapture(): Bezeichnet ein bestimmtes Element als das Ziel für zukünftigeZeigereignisse.
Element.toggleAttribute(): Wechselt ein boolesches Attribut, entfernt es, wenn es vorhanden ist, und fügt es hinzu, wenn es nicht vorhanden ist, am spezifischen Element.

Ereignisse

Hören Sie diese Ereignisse mitaddEventListener() oder indem Sie einen Event-Listener deroneventname-Eigenschaft dieses Interfaces zuweisen.

afterscriptexecuteNicht standardisiert Veraltet: 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 Zustandhidden until found befindet, wenn der Browser kurz davor steht, dessen Inhalt zu zeigen, weil der Benutzer den Inhalt durch die "auf der Seite suchen"-Funktion oder durch Fragmentnavigation gefunden hat.
beforescriptexecuteNicht standardisiert Veraltet: Wird ausgelöst, wenn ein Skript kurz davor steht, ausgeführt zu werden.
beforexrselectExperimentell: Wird vor WebXR-Auswahlereignissen (select,selectstart,selectend) ausgelöst.
contentvisibilityautostatechange: Wird auf jedem Element mitcontent-visibility: auto ausgelöst, wenn es anfängt, für den Benutzerrelevant zu sein undseinen Inhalt überspringt.
input: Wird ausgelöst, wenn der Wert eines Elements als direkte Folge einer Benutzeraktion geändert wird.
securitypolicyviolation: Wird ausgelöst, wenn eineContent-Security-Policy verletzt wird.
wheel: Wird ausgelöst, wenn der Benutzer ein Rad eines Zeigegeräts (typischerweise 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 Animationsiteration 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.

Kompositions-Ereignisse

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

Fokus-Ereignisse

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

Vollbild-Ereignisse

fullscreenchange: Wird an einElement gesendet, wenn es in denVollbildmodus wechselt oder diesen verlässt.
fullscreenerror: Wird an einElement gesendet, wenn ein Fehler auftritt, während versucht wird, es in den oder aus demVollbildmodus zu bringen.

Tastatur-Ereignisse

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

Maus-Ereignisse

auxclick: Wird ausgelöst, wenn eine nicht primäre Taste eines Zeigegeräts (z.B. jede Maustaste außer der linken Taste) auf einem Element gedrückt und losgelassen wurde.
click: Wird ausgelöst, wenn eine Taste eines Zeigegeräts (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 eine Taste eines Zeigegeräts (z.B. die Primärtaste einer Maus) zweimal auf einem einzelnen Element geklickt wird.
DOMActivateVeraltet: Tritt auf, wenn ein Element aktiviert wird, zum Beispiel durch einen Mausklick oder einen Tastendruck.
DOMMouseScrollVeraltet Nicht standardisiert: Tritt auf, wenn das Mausrad oder ein ähnliches Gerät betätigt und die akkumulierte Scoll-Menge ist über 1 Linie oder 1 Seite bewegt.
mousedown: Wird ausgelöst, wenn eine Taste eines Zeigegeräts auf einem Element gedrückt wird.
mouseenter: Wird ausgelöst, wenn ein Zeigegerät (üblicherweise eine Maus) über das Element, an dem der Listener angebracht ist, bewegt wird.
mouseleave: Wird ausgelöst, wenn der Zeiger eines Zeigegeräts (üblicherweise eine Maus) aus einem Element, an dem der Listener angebracht ist, herausbewegt wird.
mousemove: Wird ausgelöst, wenn ein Zeigegerät (üblicherweise eine Maus) über ein Element bewegt wird.
mouseout: Wird ausgelöst, wenn ein Zeigegerät (üblicherweise eine Maus) aus dem Element, an das der Listener gebunden ist oder aus einem seiner Kinder heraus bewegt wird.
mouseover: Wird ausgelöst, wenn ein Zeigegerät über das Element, an das der Listener gebunden ist oder über eines seiner Kinder bewegt wird.
mouseup: Wird ausgelöst, wenn eine Taste eines Zeigegeräts auf einem Element losgelassen wird.
mousewheelVeraltet Nicht standardisiert: Wird ausgelöst, wenn ein Mausrad oder ähnliches Gerät betätigt wird.
MozMousePixelScrollVeraltet Nicht standardisiert: Wird ausgelöst, wenn ein Mausrad oder ähnliches Gerät betätigt wird.
webkitmouseforcechangedNicht standardisiert: Wird jedes Mal ausgelöst, wenn der Druck auf dem Trackpad-Touchscreen ändert.
webkitmouseforcedownNicht standardisiert: Wird nach demmousedown-Ereignis sofort ausgelöst, sobald ausreichend Druck aufgebracht wurde, um als "Force-Klick" zu qualifizieren.
webkitmouseforcewillbeginNicht standardisiert: Wird ausgelöst bevor das mousedown-Ereignis.
webkitmouseforceupNicht standardisiert: Wird ausgelöst nach dem webkitmouseforcedown-Ereignis, sobald der Druck ausreichend reduziert wurde, um den "Force-Klick" zu beenden.

Zeiger-Ereignisse

gotpointercapture: Wird ausgelöst, wenn ein Element einen Zeiger erfasst, indem essetPointerCapture() aufruft.
lostpointercapture: Wird ausgelöst, wenn eingefangener Zeiger freigegeben wird.
pointercancel: Wird ausgelöst, wenn ein Zeigereignis 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 die Hit-Test-Grenzen eines Elements verlässt.
pointermove: Wird ausgelöst, wenn ein Zeiger die Koordinaten ändert.
pointerout: Wird ausgelöst, wenn ein Zeiger dieHit-Test-Grenzen eines Elements (unter anderem aus Gründen) verlässt.
pointerover: Wird ausgelöst, wenn ein Zeiger in die Hit-Test-Grenzen eines Elements bewegt wird.
pointerrawupdate: Wird ausgelöst, wenn ein Zeiger irgendwelche Eigenschaften ändert, die keinepointerdown- oderpointerup-Ereignisse auslösen.
pointerup: Wird ausgelöst, wenn ein Zeiger nicht mehr aktiv ist.

Scroll-Ereignisse

scroll: Wird ausgelöst, wenn die Dokumentenansicht oder ein Element gescrollt wurde.
scrollend: Wird ausgelöst, wenn das Scrollen der Dokumentenansicht abgeschlossen ist.
scrollsnapchangeExperimentell: Wird am Ende eines Scrollvorgangs beim Scrollcontainer ausgelöst, wenn ein neues Scroll-Snap-Ziel ausgewählt wurde.
scrollsnapchangingExperimentell: Wird am Scroll-Container ausgelöst, wenn der Browser feststellt, dass ein neues Scroll-Snap-Ziel bevorsteht, d.h. es wird ausgewählt, sobald die aktuelle Scroll-Geste endet.

Touch-Ereignisse

gesturechangeNicht standardisiert: Wird ausgelöst, wenn sich bei einem Touch-Geste digitale Werte bewegen.
gestureendNicht standardisiert: Wird ausgelöst, wenn insgesamt keine Finger mehr die Berührungsoberfläche kontaktieren, das Geste endet also.
gesturestartNicht standardisiert: Wird ausgelöst, wenn mehrere Finger die Berührungsoberfläche kontaktieren, das Geste beginnt also.
touchcancel: Wird ausgelöst, wenn einer oder mehrere Berührungspunkte auf eine implementationsspezifische Weise unterbrochen wurden (zum Beispiel, wenn zu viele Berührungspunkte erstellt werden).
touchend: Wird ausgelöst, wenn einer oder mehrere Berührungspunkte von der Berührungsoberfläche entfernt werden.
touchmove: Wird ausgelöst, wenn einer oder mehrere Berührungspunkte entlang der Berührungsoberfläche bewegt werden.
touchstart: Wird ausgelöst, wenn einer oder mehrere Berührungspunkte auf die Berührungsoberfläche gelegt werden.

Übergangsereignisse

transitioncancel: EinEvent, das ausgelöst wird, wenn eineCSS-Übergang abgebrochen wurde.
transitionend: EinEvent, das ausgelöst wird, wenn eineCSS-Übergang das Abspielen abgeschlossen hat.
transitionrun: EinEvent, das ausgelöst wird, wenn eineCSS-Übergang erstellt wird (d.h. wenn sie zu einem Satz laufender Übergänge hinzugefügt wird), aber nicht zwingend gestartet.
transitionstart: EinEvent, das ausgelöst wird, wenn eineCSS-Übergang das Übergangen beginnt.

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

Movatterモバイル変換

Element

Instanz-Eigenschaften, die von ARIA-Element-Referenzen widergespiegelt werden

Help improve MDN