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 Document erben. Sie besitzt 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 meiste Funktionalität wird weiter unten in der Klassenhierarchie spezifiziert.

Sprachen außerhalb des Web-Platform-Bereichs, wie XUL durch die XULElement-Schnittstelle, implementieren ebenfalls Element.

Instanzeigenschaften

Element erbt Eigenschaften von seiner Elternschnittstelle, Node, und durch diese Schnittstelle von deren Elternschnittstelle, 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 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.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 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: Der Namensraum-URI des Elements oder null, wenn es keinen Namensraum gibt.
Element.nextElementSibling Schreibgeschützt: Ein Element, das unmittelbar auf das gegebene Element im Baum folgt, oder null, wenn es keinen Geschwisterknoten gibt.
Element.outerHTML: Ein String, der das Markup des Elements einschließlich seines Inhalts repräsentiert. Wird es als Setter verwendet, ersetzt es das Element mit aus dem übergebenen String geparsten Knoten.
Element.part: Repräsentiert die Teilidentifier des Elements (d.h. gesetzt mit dem part-Attribut), zurückgegeben als DOMTokenList.
Element.prefix Schreibgeschützt: Ein String, der das Namensraumpräfix des Elements repräsentiert, oder null, wenn kein Präfix angegeben ist.
Element.previousElementSibling Schreibgeschützt: Ein Element, das unmittelbar dem angegebenen Element im Baum vorangeht, oder null, wenn es kein Geschwisterelement gibt.
Element.scrollHeight Schreibgeschützt: Gibt eine Zahl zurück, die die Scrollansichtshöhe eines Elements repräsentiert.
Element.scrollLeft: Eine Zahl, die den linken Scrollversatz des Elements repräsentiert.
Element.scrollLeftMax Nicht standardisiert Schreibgeschützt: Gibt eine Zahl zurück, die den maximal möglichen linken Scrollversatz für das Element repräsentiert.
Element.scrollTop: Eine Zahl, die die Anzahl der Pixel repräsentiert, um die der obere Rand des Elements vertikal gescrollt wird.
Element.scrollTopMax Nicht standardisiert Schreibgeschützt: Gibt eine Zahl zurück, die den maximal möglichen oberen Scrollversatz für das Element repräsentiert.
Element.scrollWidth Schreibgeschützt: Gibt eine Zahl zurück, die die Scrollansichtbreite 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 dem das Element eingefügt ist.
Element.tagName Schreibgeschützt: Gibt einen String zurück, der den Namen des Tags für das gegebene Element enthält.

Instanzeigenschaften, die von ARIA enthalten sind

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 präsentieren, basierend auf den Änderungsbenachrichtigungen, die durch das aria-relevant Attribut definiert sind.
Element.ariaAutoComplete: Ein String, der das aria-autocomplete Attribut widerspiegelt, welches angibt, ob die Eingabe von Text die Anzeige von einer oder mehreren Vorhersagen des vom Benutzer beabsichtigten Werts für ein Kombinationsfeld, Suchfeld oder Textfeld auslösen könnte und wie Vorhersagen präsentiert würden, falls gemacht.
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-Braille-Rollenbeschreibung des Elements definiert.
Element.ariaBusy: Ein String, der das aria-busy Attribut widerspiegelt, welches angibt, ob ein Element modifiziert wird, da unterstützende Technologien eventuell 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, welches den aktuellen "checked"-Zustand von Kontrollkästchen, Radiobuttons und anderen Widgets angibt, die einen markierten Zustand haben.
Element.ariaColCount: Ein String, der das aria-colcount Attribut widerspiegelt, welches die Anzahl der Spalten in einer Tabelle, einem Raster oder Baumraster definiert.
Element.ariaColIndex: Ein String, der das aria-colindex Attribut widerspiegelt, welches den Spaltenindex oder die Position eines Elements im Verhältnis zur Gesamtanzahl der Spalten innerhalb einer Tabelle, eines Rasters oder eines Baumrasters definiert.
Element.ariaColIndexText: Ein String, der das aria-colindextext Attribut widerspiegelt, welches einen menschenlesbaren Text alternativ zu aria-colindex definiert.
Element.ariaColSpan: Ein String, der das aria-colspan Attribut widerspiegelt, welches die Anzahl der von einer Zelle oder einem Rasterzelle 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 Menge 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, sodass es nicht editierbar oder anderweitig bedienbar ist.
Element.ariaExpanded: Ein String, der das aria-expanded Attribut widerspiegelt, welches angibt, ob ein von diesem Element besessenes oder kontrolliertes Gruppierungselement 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 angibt, wie Menü oder Dialog, das durch ein Element ausgelöst werden kann.
Element.ariaHidden: Ein String, der das aria-hidden Attribut widerspiegelt, welches angibt, ob das Element für eine Zugriffs-API freigelegt ist.
Element.ariaInvalid: Ein String, der das aria-invalid Attribut widerspiegelt, welches angibt, dass der eingegebene Wert nicht dem erwarteten Format der Anwendung entspricht.
Element.ariaKeyShortcuts: Ein String, der das aria-keyshortcuts Attribut widerspiegelt, welches Tastenkombinationen angibt, die ein Autor implementiert hat, um ein Element zu aktivieren oder ihm den Fokus zu geben.
Element.ariaLabel: Ein String, der das aria-label Attribut widerspiegelt, welches einen String-Wert definiert, der das aktuelle Element kennzeichnet.
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 Updates beschreibt, 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 modal ist, 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 einzige Zeile.
Element.ariaMultiSelectable: Ein String, der das aria-multiselectable Attribut widerspiegelt, welches angibt, dass der Benutzer mehr als ein Element aus den derzeit auswählbaren Nachkommen auswählen darf.
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 helfen soll, wenn das Steuergefühl keinen Wert hat.
Element.ariaPosInSet: Ein String, der das aria-posinset Attribut widerspiegelt, welches die Zahl oder Position eines Elements im aktuellen Satz von Listenelementen oder Baumelementen definiert.
Element.ariaPressed: Ein String, der das aria-pressed Attribut widerspiegelt, welches den aktuellen "gedrückten" Zustand von Umschalttasten angibt.
Element.ariaReadOnly: Ein String, der das aria-readonly Attribut widerspiegelt, welches angibt, dass das Element nicht bearbeitbar, aber anderweitig bedienbar ist.
Element.ariaRelevant Nicht standardisiert: Ein String, der das aria-relevant Attribut widerspiegelt, welches angibt, welche Benachrichtigungen der Benutzeragent auslösen wird, wenn der Zugrifftet im Inneren einer Live-Region modifiziert wird. Dies wird verwendet, um zu beschreiben, welche Änderungen in einer aria-live Region relevant sind und angesagt werden sollten.
Element.ariaRequired: Ein String, der das aria-required Attribut widerspiegelt, welches angibt, dass Benutzereingaben auf dem Element erforderlich sind, bevor ein Formular übermittelt 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 im Verhältnis zur 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 zu aria-rowindex definiert.
Element.ariaRowSpan: Ein String, der das aria-rowspan Attribut widerspiegelt, welches die Anzahl der von einer Zelle oder einem Rasterzelle 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 der Elemente angibt, die einen ausgewählten Zustand haben.
Element.ariaSetSize: Ein String, der das aria-setsize Attribut widerspiegelt, welches die Anzahl der Elemente im aktuellen Satz von Listenelementen oder Baumelementen 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 zulässigen Wert für ein Bereichs-Widget definiert.
Element.ariaValueMin: Ein String, der das aria-valueMin Attribut widerspiegelt, welches den minimal zulässigen 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 zu 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 angibt.

Instanzeigenschaften, die von ARIA-Elementreferenzen reflektiert werden

Die Eigenschaften spiegeln die durch id referenzierten Elemente in den entsprechenden Attributen wider, jedoch mit einigen Einschränkungen. Weitere Informationen finden Sie unter Reflektierte Elemente-Referenzen im Leitfaden Reflected attributes.

Element.ariaActiveDescendantElement: Ein Element, das das aktuelle aktive Element darstellt, wenn der Fokus auf einem composite Widget, einem combobox, einem textbox, einer group oder einer application liegt. Reflektiert das aria-activedescendant Attribut.
Element.ariaControlsElements: Ein Array von Elementen, deren Inhalt oder Anwesenheit durch das angewendete Element gesteuert wird. Reflektiert das aria-controls Attribut.
Element.ariaDescribedByElements: Ein Array von Elementen, die die zugängliche Beschreibung für das angewendete Element enthalten. Reflektiert das aria-describedby Attribut.
Element.ariaDetailsElements: Ein Array von Elementen, die zugängliche Details für das angewendete Element bereitstellen. Reflektiert das aria-details Attribut.
Element.ariaErrorMessageElements: Ein Array von Elementen, die eine Fehlermeldung für das angewendete Element bereitstellen. Reflektiert das aria-errormessage Attribut.
Element.ariaFlowToElements: Ein Array von Elementen, die das nächste Element (oder Elemente) in einer alternativen Lesereihenfolge von Inhalten identifizieren und so die allgemeine Standard-Lesereihenfolge auf Entscheidung des Benutzers überschreiben. Reflektiert das aria-flowto Attribut.
Element.ariaLabelledByElements: Ein Array von Elementen, die den zugänglichen Namen für das angewendete Element bereitstellen. Reflektiert das aria-labelledby Attribut.
Element.ariaOwnsElements: Ein Array von Elementen, die von dem Element besessen werden, auf welches dies angewendet wird. Dies wird verwendet, um eine visuelle, funktionale oder kontextuelle Beziehung zwischen einem übergeordneten Element und seinen Kindelementen zu definieren, wenn die DOM-Hierarchie nicht verwendet werden kann, um die Beziehung darzustellen. Reflektiert das aria-owns Attribut.

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 Elternteils des Element ein, direkt nach dem Element.
Element.animate(): Eine Abkürzungsmethode zum Erstellen und Ausführen einer Animation auf einem Element. Gibt die erstellte Animation-Objektinstanz zurück.
Element.ariaNotify() Experimentell: Gibt an, dass eine gegebene Zeichenkette von einem Bildschirmlesegerät ausgerufen 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 an und gibt eine Referenz zu dessen ShadowRoot zurück.
Element.before(): Fügt eine Menge von Node Objekten oder Strings in der Kinderliste des Elternteils des Element ein, direkt vor dem Element.
Element.checkVisibility(): Gibt zurück, ob ein Element basierend auf konfigurierbaren Prüfungen sichtbar sein soll oder nicht.
Element.closest(): Gibt das Element zurück, welches der engste Vorfahre des aktuellen Elements (oder das aktuelle Element selbst) ist, das den im Parameter angegebenen Selektoren entspricht.
Element.computedStyleMap(): Gibt eine StylePropertyMapReadOnly-Schnittstelle zurück, welche eine schreibgeschützte Darstellung eines CSS-Deklarationsblocks bietet, der eine Alternative zu CSSStyleDeclaration ist.
Element.getAnimations(): Gibt ein Array von aktuell aktiven Animationsobjekten auf dem Element zurück.
Element.getAttribute(): Ruft den Wert des benannten Attributs vom aktuellen Knoten ab und gibt ihn als String zurück.
Element.getAttributeNames(): Gibt ein Array von Attributnamen vom aktuellen Element zurück.
Element.getAttributeNode(): Ruft die Knotenrepräsentation des benannten Attributs vom aktuellen Knoten ab und gibt sie als Attr zurück.
Element.getAttributeNodeNS(): Ruft die Knotenrepräsentation des Attributs mit dem angegebenen Namen und Namensraum vom aktuellen Knoten ab und gibt sie als Attr 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 zum 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 Begrenzungsrechtecke für jede Textzeile in einem Client kennzeichnen.
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 angegebenen Klassen aufweisen.
Element.getElementsByTagName(): Gibt eine Live-[HTMLCollection](/de/docs/Web/API/HTMLCollection) zurück, die alle Nachfahren des aktuellen Elements mit einem bestimmten Tag-Namen enthält.
Element.getElementsByTagNameNS(): Gibt eine Live-[HTMLCollection](/de/docs/Web/API/HTMLCollection) zurück, die alle Nachfahren des aktuellen Elements mit einem bestimmten Tag-Namen und Namensraum 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 angibt, ob das Element das angegebene Attribut besitzt oder nicht.
Element.hasAttributeNS(): Gibt einen booleschen Wert zurück, der angibt, ob das Element das angegebene Attribut im angegebenen Namensraum besitzt oder nicht.
Element.hasAttributes(): Gibt einen booleschen Wert zurück, der angibt, ob das Element ein oder mehrere vorhandene HTML-Attribute hat.
Element.hasPointerCapture(): Gibt an, ob das Element, auf dem es aufgerufen wurde, die Zeigererfassung für den durch die gegebene Zeiger-ID identifizierten Zeiger hat.
Element.insertAdjacentElement(): Fügt einen gegebenen Elementknoten an einer bestimmten Position relativ zu dem Element ein, auf dem es aufgerufen wurde.
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 dem es aufgerufen wurde.
Element.matches(): Gibt einen booleschen Wert zurück, der angibt, ob das Element durch den angegebenen Selektor-String ausgewählt würde oder nicht.
Element.moveBefore(): Verschiebt einen gegebenen Node innerhalb des aufrufenden Knotens als direktes Kindelement vor einem gegebenen Referenzknoten, ohne den Knoten zu entfernen und dann wieder einzufügen.
Element.prepend(): Fügt eine Menge von Node Objekten oder Strings vor dem ersten Kind des Elements ein.
Element.querySelector(): Gibt den ersten Node zurück, der dem angegebenen Selektor-String relativ zu dem Element entspricht.
Element.querySelectorAll(): Gibt eine NodeList von Knoten zurück, die dem angegebenen Selektor-String relativ zu dem Element entsprechen.
Element.releasePointerCapture(): Hebt die zuvor für einen bestimmten PointerEvent gesetzte Zeigererfassung auf (stoppt sie).
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 Namensraum vom aktuellen Knoten.
Element.replaceChildren(): Ersetzt die vorhandenen Kinder eines Node durch eine bestimmte neue Menge von Kindern.
Element.replaceWith(): Ersetzt das Element in der Kinderliste seines Elternteils durch eine Menge von Node Objekten oder Strings.
Element.requestFullscreen(): Fragt asynchron den Browser, ob das Element im Vollbildmodus angezeigt werden soll.
Element.requestPointerLock(): Erlaubt es, asynchron zu fragen, ob der Zeiger auf das angegebene Element gesperrt werden soll.
Element.scroll(): Scrollt zu einem bestimmten Satz von Koordinaten innerhalb eines gegebenen Elements.
Element.scrollBy(): Scrollt ein Element um den angegebenen Betrag.
Element.scrollIntoView(): Scrollt die Seite, bis das Element in den Sichtbereich gelangt.
Element.scrollIntoViewIfNeeded() Nicht standardisiert: Scrollt das aktuelle Element in den sichtbaren Bereich des Browserfensters, wenn es sich nicht bereits im sichtbaren Bereich des Browserfensters befindet. Verwenden Sie die standardmäßige Element.scrollIntoView() stattdessen.
Element.scrollTo(): Scrollt zu einem bestimmten Satz von Koordinaten innerhalb eines gegebenen Elements.
Element.setAttribute(): Setzt den Wert eines benannten Attributs des aktuellen Knotens.
Element.setAttributeNode(): Setzt die Knotenrepräsentation des benannten Attributs des aktuellen Knotens.
Element.setAttributeNodeNS(): Setzt die Knotenrepräsentation 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 Mausereigniserfassung ein und leitet alle Mausereignisse an dieses Element um.
Element.setHTML() Sicherer Kontext: Parst und säubert einen HTML-String in einen Dokumentfragment, der dann den ursprünglichen Unterbaum des Elements im DOM ersetzt.
Element.setHTMLUnsafe(): Parst einen HTML-String in einen Dokumentfragment, ohne Säuberung, der den ursprünglichen Unterbaum des Elements im DOM ersetzt. Der HTML-String kann deklarative Shadow-Roots enthalten, die als Template-Elemente geparst werden würden, wenn das HTML mit Element.innerHTML gesetzt wurde.
Element.setPointerCapture(): Bezeichnet ein spezifisches Element als das Erfassungsziel zukünftiger Zeigerereignisse.
Element.toggleAttribute(): Schaltet ein boolesches Attribut ein oder aus, entfernt es, wenn es vorhanden ist, und fügt es hinzu, wenn es nicht vorhanden ist, auf dem angegebenen Element.

Ereignisse

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

afterscriptexecute Nicht standardisiert Veraltet: Wird ausgelöst, wenn ein Script ausgeführt wurde.
beforeinput: Wird ausgelöst, wenn der Wert eines Eingabeelements geändert werden soll.
beforematch: Wird bei einem Element im Zustand hidden until found ausgelöst, wenn der Browser im Begriff ist, seinen Inhalt anzuzeigen, weil der Benutzer den Inhalt über die "Seite durchsuchen"-Funktion oder über die Fragmentnavigation gefunden hat.
beforescriptexecute Nicht standardisiert Veraltet: Wird ausgelöst, wenn ein Script ausgeführt werden soll.
beforexrselect Experimentell: Wird ausgelöst, bevor WebXR-Auswahlevents (select, selectstart, selectend) versendet werden.
contentvisibilityautostatechange: Wird auf jedem Element mit content-visibility: auto ausgelöst, wenn es beginnt oder aufhört, für den Benutzer relevant zu sein und seinen Inhalt zu überspringen.
input: Wird ausgelöst, wenn sich der Wert eines Elements infolge einer Benutzeraktion ändert.
securitypolicyviolation: Wird ausgelöst, wenn eine Content Security Policy verletzt wird.
wheel: Wird ausgelöst, wenn der Benutzer ein Radierknopf an einem Zeigegerät (typischerweise eine Maus) dreht.

Animationsereignisse

animationcancel: Wird ausgelöst, wenn eine Animation unerwartet abbricht.
animationend: Wird ausgelöst, wenn eine Animation normal abgeschlossen ist.
animationiteration: Wird ausgelöst, wenn eine Animationsiteration abgeschlossen ist.
animationstart: Wird ausgelöst, wenn eine Animation beginnt.

Zwischenablageereignisse

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

Kompositionsereignisse

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

Fokussierungsereignisse

blur: Wird ausgelöst, wenn ein Element den Fokus verliert.
focus: Wird ausgelöst, wenn ein Element den Fokus erhält.
focusin: Wird ausgelöst, wenn ein Element den Fokus 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 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 Veraltet: Wird ausgelöst, wenn eine Taste, die einen Zeichenwert erzeugt, 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. eine andere Maustaste als die linke Maustaste) auf einem Element gedrückt und losgelassen wird.
click: Wird ausgelöst, wenn ein Zeigegeräteknopf (z. B. die primäre Maustaste) auf ein einzelnes 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äre Maustaste) zweimal auf ein einzelnes Element geklickt wird.
DOMActivate Veraltet: Tritt auf, wenn ein Element aktiviert wird, zum Beispiel durch einen Mausklick oder Tastendruck.
DOMMouseScroll Veraltet Nicht standardisiert: Tritt auf, wenn das Mausrad oder ein ähnliches Gerät verwendet wird und die akkumulierte Rollmenge seit dem letzten Ereignis über eine Zeile oder eine Seite hinausgeht.
mousedown: Wird ausgelöst, wenn ein Zeigegeräteknopf auf einem Element gedrückt wird.
mouseenter: Wird ausgelöst, wenn ein Zeigegerät (üblicherweise eine Maus) über das Element bewegt wird, das den Listener angebracht hat.
mouseleave: Wird ausgelöst, wenn der Zeiger eines Zeigegerätes (üblicherweise eine Maus) aus einem Element bewegt wird, an dem der Listener befestigt wurde.
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 bewegt wird, an dem der Listener angebracht wurde, oder aus einem seiner Kinder.
mouseover: Wird ausgelöst, wenn ein Zeigegerät über dem Element bewegt wird, an dem der Listener angebracht wurde, oder über eines seiner Kinder.
mouseup: Wird ausgelöst, wenn ein Zeigegeräteknopf auf einem Element losgelassen wird.
mousewheel Veraltet Nicht standardisiert: Wird ausgelöst, wenn ein Mausrad oder ein ähnliches Gerät betätigt wird.
MozMousePixelScroll Veraltet Nicht standardisiert: Wird ausgelöst, wenn ein Mausrad oder ein ähnliches Gerät betätigt wird.
webkitmouseforcechanged Nicht standardisiert: Wird jedes Mal ausgelöst, wenn sich der Druck auf dem Trackpad-Touchscreen ändert.
webkitmouseforcedown Nicht standardisiert: Wird nach dem mousedown-Ereignis ausgelöst, sobald genügend Druck ausgeübt wurde, um als "force click" zu gelten.
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 click" zu beenden.

Zeigerereignisse

gotpointercapture: Wird ausgelöst, wenn ein Element einen Zeiger mithilfe von 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 Zielgrenzen eines Elements oder eines seiner Nachkommen bewegt wird.
pointerleave: Wird ausgelöst, wenn ein Zeiger aus den Zielgrenzen eines Elements bewegt wird.
pointermove: Wird ausgelöst, wenn ein Zeiger die Koordinaten ändert.
pointerout: Wird ausgelöst, wenn ein Zeiger aus den Zielgrenzen eines Elements bewegt wird (unter anderem aus Gründen).
pointerover: Wird ausgelöst, wenn ein Zeiger in die Zielgrenzen 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.

Scrollevents

scroll: Wird ausgelöst, wenn die Dokumentansicht oder ein Element gescrollt wurde.
scrollend: Wird ausgelöst, wenn die Dokumentansicht das Scrollen abgeschlossen hat.
scrollsnapchange Experimentell: Wird am Scroll-Container am Ende einer Scrolloperation ausgelöst, wenn ein neues Scroll-Snap-Ziel ausgewählt wurde.
scrollsnapchanging Experimentell: Wird am Scroll-Container ausgelöst, wenn der Browser bestimmt, dass ein neues Scroll-Snap-Ziel aussteht, d.h. ausgewählt wird, wenn die aktuelle Scroll-Geste endet.

Berührungsereignisse

gesturechange Nicht standardisiert: Wird ausgelöst, wenn sich die Finger während einer Berührungsgeste bewegen.
gestureend Nicht standardisiert: Wird ausgelöst, wenn keine Finger mehr die Berührungsoberfläche berühren, und somit die Geste 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 Implementierungsspezifische Weise unterbrochen wurden (zum Beispiel, wenn zu viele Berührungspunkte entstanden sind).
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 die Berührungsoberfläche gelegt werden.

Übergangsevents

transitioncancel: Ein Event, das ausgelöst wird, wenn ein CSS-Übergang abgebrochen wurde.
transitionend: Ein Event, das ausgelöst wird, wenn ein CSS-Übergang beendet ist.
transitionrun: Ein Event, das ausgelöst wird, wenn ein CSS-Übergang erstellt wird (d.h. wenn er zu einem Satz laufender Übergänge hinzugefügt wird), jedoch nicht unbedingt gestartet.
transitionstart: Ein Event, das ausgelöst wird, wenn ein CSS-Übergang zu wechseln 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