1. Web
  2. Web-APIs
  3. Element

Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.

View in English Always switch to English

Element

Baseline Weitgehend verfügbar *

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

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

Element ist die allgemeinste Basisklasse, von der alle Elementobjekte (d.h. Objekte, die Elemente repräsentieren) in einem Document erben. Sie verfügt nur über Methoden und Eigenschaften, die allen Arten von Elementen gemeinsam sind. Spezifischere Klassen erben von Element.

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

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

EventTarget Node Element

Instanzeigenschaften

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

Element.activeViewTransition Schreibgeschützt

Gibt eine ViewTransition Instanz zurück, die die momentan aktive View Transition eines Elements repräsentiert.

Element.assignedSlot Schreibgeschützt

Gibt ein HTMLSlotElement zurück, das den <slot> repräsentiert, in dem der Knoten eingefügt ist.

Element.attributes Schreibgeschützt

Gibt ein NamedNodeMap Objekt zurück, das die zugewiesenen Attribute des entsprechenden HTML-Elements enthält.

Element.childElementCount Schreibgeschützt

Gibt die Anzahl der Kindelemente dieses Elements zurück.

Element.children Schreibgeschützt

Gibt die Kindelemente dieses Elements zurück.

Element.classList Schreibgeschützt

Gibt eine DOMTokenList zurück, die die Liste der Klassenattribute enthält.

Element.className

Ein String, der die Klasse des Elements repräsentiert.

Element.clientHeight Schreibgeschützt

Gibt eine Zahl zurück, die die innere Höhe des Elements repräsentiert.

Element.clientLeft Schreibgeschützt

Gibt eine Zahl zurück, die die Breite des linken Randes des Elements repräsentiert.

Element.clientTop Schreibgeschützt

Gibt eine Zahl zurück, die die Breite des oberen Randes des Elements repräsentiert.

Element.clientWidth Schreibgeschützt

Gibt eine Zahl zurück, die die innere Breite des Elements repräsentiert.

Element.currentCSSZoom Schreibgeschützt

Eine Zahl, die die effektive Zoomgröße des Elements angibt, oder 1,0, wenn das Element nicht gerendert wird.

Element.customElementRegistry Schreibgeschützt

Das CustomElementRegistry Objekt, das diesem Element zugeordnet ist, oder null, wenn keines gesetzt wurde.

Element.elementTiming

Ein String, der das elementtiming Attribut widerspiegelt, das ein Element zur Beobachtung in der PerformanceElementTiming API markiert.

Element.firstElementChild Schreibgeschützt

Gibt das erste Kindelement dieses Elements zurück.

Element.id

Ein String, der die ID des Elements repräsentiert.

Element.innerHTML

Ein String, der das Markup des Inhalts des Elements repräsentiert.

Element.lastElementChild Schreibgeschützt

Gibt das letzte Kindelement dieses Elements zurück.

Element.localName Schreibgeschützt

Ein String, der den lokalen Teil des qualifizierten Namens des Elements repräsentiert.

Element.namespaceURI Schreibgeschützt

Die Namespace-URI des Elements, oder null, wenn sie keinen Namespace hat.

Element.nextElementSibling Schreibgeschützt

Ein Element, das Element, das dem gegebenen im Baum unmittelbar folgt, oder null, wenn es kein Geschwisterknoten gibt.

Element.outerHTML

Ein String, der das Markup des Elements einschließlich seines Inhalts repräsentiert. Wenn er als Setter verwendet wird, ersetzt er das Element durch Knoten, die aus dem angegebenen String geparsst werden.

Element.part

Repräsentiert die Teilekennung(en) des Elements (d.h. mit dem part Attribut gesetzt), zurückgegeben als eine DOMTokenList.

Element.prefix Schreibgeschützt

Ein String, der das Namespace-Präfix des Elements repräsentiert, oder null, wenn kein Präfix angegeben ist.

Element.previousElementSibling Schreibgeschützt

Ein Element, das dem gegebenen im Baum unmittelbar vorausgeht, oder null, wenn es kein Geschwisterelement gibt.

Element.scrollHeight Schreibgeschützt

Gibt eine Zahl zurück, die die Scroll-Ansichtshöhe eines Elements repräsentiert.

Element.scrollLeft

Eine Zahl, die den linken Scroll-Versatz des Elements repräsentiert.

Element.scrollLeftMax Schreibgeschützt

Gibt eine Zahl zurück, die den maximal möglichen linken Scroll-Versatz für das Element repräsentiert.

Element.scrollTop

Eine Zahl, die die Anzahl der Pixel repräsentiert, um die die Oberseite des Elements vertikal verschoben ist.

Element.scrollTopMax Schreibgeschützt

Gibt eine Zahl zurück, die den maximal möglichen oberen Scroll-Versatz für das Element repräsentiert.

Element.scrollWidth Schreibgeschützt

Gibt eine Zahl zurück, die die Scroll-Ansichtbreite des Elements repräsentiert.

Element.shadowRoot Schreibgeschützt

Gibt das offene Shadow Root zurück, das von dem Element gehostet wird, oder null, wenn kein offenes Shadow Root vorhanden ist.

Element.slot

Gibt den Namen des Shadow DOM Slots zurück, in den das Element eingefügt ist.

Element.tagName Schreibgeschützt

Gibt einen String zurück mit dem Namen des Tags für das gegebene Element.

Instanzeigenschaften, die aus ARIA eingeschlossen sind

Das Element Interface enthält auch die folgenden Eigenschaften.

Element.ariaAtomic

Ein String, der das aria-atomic Attribut widerspiegelt, das angibt, ob unterstützende Technologien den gesamten oder nur Teile des geänderten Bereichs basierend auf den durch das aria-relevant Attribut definierten Änderungsbenachrichtigungen präsentieren.

Element.ariaAutoComplete

Ein String, der das aria-autocomplete Attribut widerspiegelt, das angibt, ob die Eingabe von Text eine Anzeige von Vorhersagen des beabsichtigten Werts des Benutzers für ein Kombinationsfeld, Suchfeld oder Textfeld auslösen könnte und festlegt, wie Vorhersagen präsentiert würden, wenn sie gemacht werden.

Element.ariaBrailleLabel

Ein String, der das aria-braillelabel Attribut widerspiegelt, welches das Braille-Label des Elements definiert.

Element.ariaBrailleRoleDescription

Ein String, der das aria-brailleroledescription Attribut widerspiegelt, welches die ARIA-Braillerollenbeschreibung des Elements definiert.

Element.ariaBusy

Ein String, der das aria-busy Attribut widerspiegelt, welches angibt, ob ein Element geändert wird, da unterstützende Technologien möglicherweise warten möchten, bis die Änderungen abgeschlossen sind, bevor sie dem Benutzer präsentiert werden.

Element.ariaChecked

Ein String, der das aria-checked Attribut widerspiegelt, welches den aktuellen "geprüften" Zustand von Kontrollkästchen, Optionsfeldern und anderen Widgets angibt, die einen geprüften Zustand haben.

Element.ariaColCount

Ein String, der das aria-colcount Attribut widerspiegelt, welches die Anzahl der Spalten in einer Tabelle, einem Raster oder einem Baumraster definiert.

Element.ariaColIndex

Ein String, der das aria-colindex Attribut widerspiegelt, welches den Spaltenindex oder die Position eines Elements in Bezug auf die Gesamtzahl der Spalten innerhalb einer Tabelle, eines Rasters oder eines Baumrasters definiert.

Element.ariaColIndexText

Ein String, der das aria-colindextext Attribut widerspiegelt, welches eine menschenlesbare Textalternative zu aria-colindex definiert.

Element.ariaColSpan

Ein String, der das aria-colspan Attribut widerspiegelt, welches die Anzahl der von einer Zelle oder einem Rasterfeld innerhalb einer Tabelle, eines Rasters oder eines Baumrasters überspannten Spalten definiert.

Element.ariaCurrent

Ein String, der das aria-current Attribut widerspiegelt, welches das Element angibt, das das aktuelle Element innerhalb eines Containers oder einer Gruppe verwandter Elemente repräsentiert.

Element.ariaDescription

Ein String, der das aria-description Attribut widerspiegelt, welches einen String-Wert definiert, der das aktuelle Element beschreibt oder annotiert.

Element.ariaDisabled

Ein String, der das aria-disabled Attribut widerspiegelt, welches angibt, dass das Element wahrnehmbar aber deaktiviert ist, so dass es nicht bearbeitbar oder anderweitig bedienbar ist.

Element.ariaExpanded

Ein String, der das aria-expanded Attribut widerspiegelt, welches angibt, ob ein Gruppenelement, das von diesem Element verwaltet oder kontrolliert wird, erweitert oder eingeklappt ist.

Element.ariaHasPopup

Ein String, der das aria-haspopup Attribut widerspiegelt, welches die Verfügbarkeit und den Typ eines interaktiven Popup-Elements wie Menü oder Dialog angibt, das durch ein Element ausgelöst werden kann.

Element.ariaHidden

Ein String, der das aria-hidden Attribut widerspiegelt, welches angibt, ob das Element über eine Barrierefreiheits-API exponiert wird.

Element.ariaInvalid

Ein String, der das aria-invalid Attribut widerspiegelt, welches angibt, dass der eingegebene Wert nicht dem vom Anwendung erwarteten Format entspricht.

Element.ariaKeyShortcuts

Ein String, der das aria-keyshortcuts Attribut widerspiegelt, welches die Tastenkombinationen angibt, die ein Autor implementiert hat, um ein Element zu aktivieren oder den Fokus darauf zu setzen.

Element.ariaLabel

Ein String, der das aria-label Attribut widerspiegelt, welches einen String-Wert definiert, der das aktuelle Element benennt.

Element.ariaLevel

Ein String, der das aria-level Attribut widerspiegelt, welches die hierarchische Ebene eines Elements innerhalb einer Struktur definiert.

Element.ariaLive

Ein String, der das aria-live Attribut widerspiegelt, welches angibt, dass ein Element aktualisiert wird, und beschreibt, welche Arten von Aktualisierungen die Benutzeragenten, unterstützende Technologien und Benutzer von der Live-Region erwarten können.

Element.ariaModal

Ein String, der das aria-modal Attribut widerspiegelt, welches angibt, ob ein Element modales Verhalten zeigt, wenn es angezeigt wird.

Element.ariaMultiline

Ein String, der das aria-multiline Attribut widerspiegelt, welches angibt, ob ein Textfeld mehrere Zeilen der Eingabe akzeptiert oder nur eine einzelne Zeile.

Element.ariaMultiSelectable

Ein String, der das aria-multiselectable Attribut widerspiegelt, welches angibt, dass der Benutzer mehr als ein Element aus den aktuellen auswählbaren Nachkommen auswählen kann.

Element.ariaOrientation

Ein String, der das aria-orientation Attribut widerspiegelt, welches angibt, ob die Ausrichtung des Elements horizontal, vertikal oder unbekannt/mehrdeutig ist.

Element.ariaPlaceholder

Ein String, der das aria-placeholder Attribut widerspiegelt, welches einen kurzen Hinweis definiert, der dem Benutzer bei der Dateneingabe hilft, wenn die Steuerung keinen Wert hat.

Element.ariaPosInSet

Ein String, der das aria-posinset Attribut widerspiegelt, welches die Nummer oder Position eines Elements in der aktuellen Menge von Listenelementen oder Baumgliedern definiert.

Element.ariaPressed

Ein String, der das aria-pressed Attribut widerspiegelt, welches den aktuellen "gedrückten" Zustand von Umschaltknöpfen angibt.

Element.ariaReadOnly

Ein String, der das aria-readonly Attribut widerspiegelt, welches angibt, dass das Element nicht bearbeitbar ist, aber anderweitig bedienbar ist.

Element.ariaRelevant

Ein String, der das aria-relevant Attribut widerspiegelt, welches angibt, welche Benachrichtigungen der Benutzeragent auslöst, wenn der Zugänglichkeitsbaum innerhalb einer Live-Region verändert wird. Dies wird verwendet, um zu beschreiben, welche Änderungen in einer aria-live Region relevant sind und angekündigt werden sollten.

Element.ariaRequired

Ein String, der das aria-required Attribut widerspiegelt, welches angibt, dass Benutzereingabe auf dem Element erforderlich ist, bevor ein Formular eingereicht werden kann.

Element.ariaRoleDescription

Ein String, der das aria-roledescription Attribut widerspiegelt, welches eine menschenlesbare, vom Autor lokalisierte Beschreibung der Rolle eines Elements definiert.

Element.ariaRowCount

Ein String, der das aria-rowcount Attribut widerspiegelt, welches die Gesamtanzahl der Zeilen in einer Tabelle, einem Raster oder einem Baumraster definiert.

Element.ariaRowIndex

Ein String, der das aria-rowindex Attribut widerspiegelt, welches den Zeilenindex oder die Position eines Elements in Bezug auf die Gesamtzahl der Zeilen innerhalb einer Tabelle, eines Rasters oder eines Baumrasters definiert.

Element.ariaRowIndexText

Ein String, der das aria-rowindextext Attribut widerspiegelt, welches eine menschenlesbare Textalternative zu aria-rowindex definiert.

Element.ariaRowSpan

Ein String, der das aria-rowspan Attribut widerspiegelt, welches die Anzahl der von einer Zelle oder einem Rasterfeld innerhalb einer Tabelle, eines Rasters oder eines Baumrasters überspannten Zeilen definiert.

Element.ariaSelected

Ein String, der das aria-selected Attribut widerspiegelt, welches den aktuellen "ausgewählten" Zustand von Elementen angibt, die einen ausgewählten Zustand haben.

Element.ariaSetSize

Ein String, der das aria-setsize Attribut widerspiegelt, welches die Anzahl der Elemente in der aktuellen Menge von Listenelementen oder Baumgliedern definiert.

Element.ariaSort

Ein String, der das aria-sort Attribut widerspiegelt, welches angibt, ob Elemente in einer Tabelle oder einem Raster in aufsteigender oder absteigender Reihenfolge sortiert sind.

Element.ariaValueMax

Ein String, der das aria-valueMax Attribut widerspiegelt, welches den maximal erlaubten Wert für ein Range-Widget definiert.

Element.ariaValueMin

Ein String, der das aria-valueMin Attribut widerspiegelt, welches den minimal erlaubten Wert für ein Range-Widget definiert.

Element.ariaValueNow

Ein String, der das aria-valueNow Attribut widerspiegelt, welches den aktuellen Wert für ein Range-Widget definiert.

Element.ariaValueText

Ein String, der das aria-valuetext Attribut widerspiegelt, welches die menschenlesbare Textalternative von aria-valuenow für ein Range-Widget definiert.

Element.role

Ein String, der das explizit festgelegte role Attribut widerspiegelt, welches die semantische Rolle des Elements angibt.

Instanzeigenschaften reflektiert von ARIA Element-Referenzen

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

Element.ariaActiveDescendantElement

Ein Element, das das aktuell aktive Element repräsentiert, wenn der Fokus auf einem composite Widget, combobox, textbox, group oder application liegt. Reflektiert das aria-activedescendant Attribut.

Element.ariaControlsElements

Ein Array von Elementen, deren Inhalt oder Vorhandensein durch das Element gesteuert wird, auf das es angewendet wird. Reflektiert das aria-controls Attribut.

Element.ariaDescribedByElements

Ein Array von Elementen, die die zugängliche Beschreibung für das Element enthalten, auf das es angewendet wird. Reflektiert das aria-describedby Attribut.

Element.ariaDetailsElements

Ein Array von Elementen, die zugängliche Details für das Element bereitstellen, auf das es angewendet wird. Reflektiert das aria-details Attribut.

Element.ariaErrorMessageElements

Ein Array von Elementen, die eine Fehlermeldung für das Element bereitstellen, auf das es angewendet wird. Reflektiert das aria-errormessage Attribut.

Element.ariaFlowToElements

Ein Array von Elementen, das das nächste Element (oder Elemente) in einer alternativen Lesereihenfolge des Inhalts identifiziert, indem die allgemeine Standardlesereihenfolge im Ermessen des Benutzers überschrieben wird. Reflektiert das aria-flowto Attribut.

Element.ariaLabelledByElements

Ein Array von Elementen, die den zugänglichen Namen für das Element bereitstellen, auf das es angewendet wird. Reflektiert das aria-labelledby Attribut.

Element.ariaOwnsElements

Ein Array von Elementen, die von dem Element besessen werden, auf das es angewendet wird. Dies wird verwendet, um eine visuelle, funktionale oder kontextuelle Beziehung zwischen einem Eltern- und seinen Kindelementen zu definieren, wenn die DOM-Hierarchie nicht zur Darstellung der Beziehung verwendet werden kann. Reflektiert das aria-owns Attribut.

Instanzmethoden

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

Element.after()

Fügt eine Menge von Node Objekten oder Strings in die Kinderliste des Element-Elternteils ein, direkt nach dem Element.

Element.animate()

Eine Abkürzungsmethode zur Erzeugung und Ausführung einer Animation auf einem Element. Gibt die erstellte Animation Objektinstanz zurück.

Element.ariaNotify()

Gibt an, dass eine gegebene Textzeile von einem Screenreader angekündigt werden soll.

Element.append()

Fügt eine Menge von Node Objekten oder Strings nach dem letzten Kind des Elements ein.

Element.attachShadow()

Hängt einen Shadow DOM-Baum an das angegebene Element und gibt eine Referenz zu seinem ShadowRoot zurück.

Element.before()

Fügt eine Menge von Node Objekten oder Strings in die Kinderliste des Element-Elternteils ein, direkt vor dem Element.

Element.checkVisibility()

Gibt zurück, ob ein Element voraussichtlich sichtbar ist oder nicht, basierend auf konfigurierbaren Überprüfungen.

Element.closest()

Gibt das Element zurück, das der nächste Vorfahre des aktuellen Elements (oder das aktuelle Element selbst) ist, welches den in Parameter angegebenen Selektoren entspricht.

Element.computedStyleMap()

Gibt eine StylePropertyMapReadOnly Schnittstelle zurück, die eine schreibgeschützte Darstellung eines CSS-Deklarationsblocks bietet, welches eine Alternative zu CSSStyleDeclaration ist.

Element.getAnimations()

Gibt ein Array von Animationsobjekten zurück, die derzeit auf dem Element aktiv sind.

Element.getAttribute()

Ruft den Wert des benannten Attributs vom aktuellen Knoten ab und gibt ihn als String zurück.

Element.getAttributeNames()

Gibt ein Array von Attributnamen vom aktuellen Element zurück.

Element.getAttributeNode()

Ruft die Knotenrepräsentation des benannten Attributs vom aktuellen Knoten ab und gibt es als Attr zurück.

Element.getAttributeNodeNS()

Ruft die Knotenrepräsentation des Attributs mit dem angegebenen Namen und Namespace vom aktuellen Knoten ab und gibt es als Attr zurück.

Element.getAttributeNS()

Ruft den Wert des Attributs mit dem spezifizierten Namespace und Namen vom aktuellen Knoten ab und gibt ihn als String zurück.

Element.getBoundingClientRect()

Gibt die Größe eines Elements und seine Position relativ zum Viewport zurück.

Element.getBoxQuads()

Gibt eine Liste von DOMQuad Objekten zurück, die die CSS-Fragmente des Knotens repräsentieren.

Element.getClientRects()

Gibt eine Sammlung von Rechtecken zurück, die die umgrenzenden Rechtecke für jede Textzeile in einem Client anzeigen.

Element.getElementsByClassName()

Gibt eine Live-HTMLCollection zurück, die alle Nachfahren des aktuellen Elements enthält, die die im Parameter angegebene Klassenliste besitzen.

Element.getElementsByTagName()

Gibt eine Live-HTMLCollection zurück, die alle Nachfahren der aktuellen Elemente mit einem bestimmten Tag-Namen enthält.

Element.getElementsByTagNameNS()

Gibt eine Live-HTMLCollection zurück, die alle Nachfahren der aktuellen Elemente mit einem bestimmten Tag-Namen und Namespace enthält.

Element.getHTML()

Gibt den DOM-Inhalt des Elements als HTML-String zurück, einschließlich optional jeglichen Shadow DOM.

Element.hasAttribute()

Gibt einen booleschen Wert zurück, der angibt, ob das Element das angegebene Attribut hat oder nicht.

Element.hasAttributeNS()

Gibt einen booleschen Wert zurück, der angibt, ob das Element das angegebene Attribut im angegebenen Namespace hat oder nicht.

Element.hasAttributes()

Gibt einen booleschen Wert zurück, der angibt, ob das Element ein oder mehrere HTML-Attribute aufweist.

Element.hasPointerCapture()

Gibt an, ob das Element, auf dem es aufgerufen wird, die Zeigereingabe für die durch die gegebene Zeiger-ID identifizierte Eingabe eingefangen hat.

Element.insertAdjacentElement()

Fügt ein gegebenes Elementknoten an einer angegebenen Position relativ zu dem Element ein, auf dem es aufgerufen wird.

Element.insertAdjacentHTML()

Parst den Text als HTML oder XML und fügt die resultierenden Knoten an die angegebene Position in den Baum ein.

Element.insertAdjacentText()

Fügt einen gegebenen Textknoten an einer angegebenen Position relativ zu dem Element ein, auf dem es aufgerufen wird.

Element.matches()

Gibt einen booleschen Wert zurück, der angibt, ob das Element durch den angegebenen Selektor-String ausgewählt würde.

Element.moveBefore()

Verschiebt einen gegebenen Node als direktes Kind innerhalb des aufrufenden Knotens vor einem gegebenen Referenzknoten, ohne den Knoten zu entfernen und dann einzufügen.

Element.prepend()

Fügt eine Menge von Node Objekten oder Strings vor dem ersten Kind des Elements ein.

Element.pseudo()

Gibt ein CSSPseudoElement Objekt zurück, das das CSS Pseudo-Element des angegebenen Typs darstellt, das mit dem Element verknüpft ist.

Element.querySelector()

Gibt den ersten Node zurück, der den im Selektor-String angegebenen Selektoren relativ zu dem Element entspricht.

Element.querySelectorAll()

Gibt eine NodeList von Knoten zurück, die den im Selektor-String angegebenen Selektoren relativ zu dem Element entsprechen.

Element.releasePointerCapture()

Hebt den Zeigereingabefang auf (stoppt ihn), der zuvor für ein bestimmtes PointerEvent festgelegt wurde.

Element.remove()

Entfernt das Element aus der Kinderliste seines Elternteils.

Element.removeAttribute()

Entfernt das benannte Attribut vom aktuellen Knoten.

Element.removeAttributeNode()

Entfernt die Knotenrepräsentation des benannten Attributs vom aktuellen Knoten.

Element.removeAttributeNS()

Entfernt das Attribut mit dem angegebenen Namen und Namespace vom aktuellen Knoten.

Element.replaceChildren()

Ersetzt die vorhandenen Kinder eines Node mit einem angegebenen neuen Satz von Kindern.

Element.replaceWith()

Ersetzt das Element in der Kinderliste seines Elternteils durch eine Menge von Node Objekten oder Strings.

Element.requestFullscreen()

Fordert den Browser asynchron auf, das Element im Vollbild darzustellen.

Element.requestPointerLock()

Ermöglicht das asynchrone Anfragen für die Zeigersperre auf dem angegebenen Element.

Element.scroll()

Scrollt zu einem bestimmten Satz von Koordinaten innerhalb eines angegebenen Elements.

Element.scrollBy()

Scrollt ein Element um den angegebenen Betrag.

Element.scrollIntoView()

Scrollt die Seite, bis das Element im Sichtbereich erscheint.

Element.scrollIntoViewIfNeeded()

Scrollt das aktuelle Element in den sichtbaren Bereich des Browserfensters, wenn es nicht bereits im sichtbaren Bereich des Browserfensters befindet. Verwenden Sie stattdessen die Standardmethode Element.scrollIntoView().

Element.scrollTo()

Scrollt zu einem bestimmten Satz von Koordinaten innerhalb eines angegebenen Elements.

Element.setAttribute()

Legt den Wert eines benannten Attributs des aktuellen Knotens fest.

Element.setAttributeNode()

Legt die Knotenrepräsentation des benannten Attributs vom aktuellen Knoten fest.

Element.setAttributeNodeNS()

Legt die Knotenrepräsentation des Attributs mit dem angegebenen Namen und Namespace vom aktuellen Knoten fest.

Element.setAttributeNS()

Legt den Wert des Attributs mit dem angegebenen Namen und Namespace vom aktuellen Knoten fest.

Element.setCapture()

Richtet den Zeigegeräteereignisfang ein, um alle Mausereignisse an dieses Element umzuleiten.

Element.setHTML() Sicherer Kontext

Parst und desinfiziert einen HTML-String in ein Dokumentfragment, das dann den ursprünglichen Unterbaum des Elements im DOM ersetzt.

Element.setHTMLUnsafe()

Parst einen HTML-String in ein Dokumentfragment, ohne Desinfektion, das dann den ursprünglichen Unterbaum des Elements im DOM ersetzt. Der HTML-String kann deklarative Shadow Roots enthalten, die als Template-Elemente geparst würden, wenn der HTML mittels Element.innerHTML gesetzt würde.

Element.setPointerCapture()

Bestimmt ein spezifisches Element als das Ziel für zukünftige Zeigegeräteereignisse.

Element.startViewTransition()

Startet eine neue, gleiche-Dokument (SPA) Element-spezifische View Transition und gibt ein ViewTransition Objekt zurück, das es repräsentiert.

Element.toggleAttribute()

Schaltet ein boolesches Attribut um, indem es entfernt wird, wenn es vorhanden ist, und hinzugefügt wird, wenn es nicht vorhanden ist, auf dem angegebenen Element.

Ereignisse

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

afterscriptexecute

Wird ausgelöst, wenn ein Skript ausgeführt wurde.

beforeinput

Wird ausgelöst, wenn der Wert eines Eingabeelements kurz vor der Änderung steht.

beforematch

Wird auf einem Element ausgelöst, das sich im Zustand hidden until found befindet, wenn der Browser im Begriff ist, dessen Inhalt freizugeben, weil der Benutzer den Inhalt über die "Seite finden"-Funktion oder über die Fragmentnavigation gefunden hat.

beforescriptexecute

Wird ausgelöst, wenn ein Skript kurz vor der Ausführung steht.

beforexrselect

Wird vor WebXR-Auswahlevents (select, selectstart, selectend) ausgelöst.

contentvisibilityautostatechange

Wird auf jedem Element ausgelöst mit content-visibility: auto gesetzt, wenn es beginnt oder aufhört, für den Benutzer relevant zu sein und seinen Inhalt zu überspringen.

input

Wird ausgelöst, wenn der Wert eines Elements als direkte Folge einer Benutzeraktion geändert wird.

securitypolicyviolation

Wird ausgelöst, wenn eine Content Security Policy verletzt wird.

wheel

Wird ausgelöst, wenn der Benutzer einen Radknopf auf einem Zeigegerät (normalerweise einer Maus) dreht.

Animation Ereignisse

animationcancel

Wird ausgelöst, wenn eine Animation unerwartet abbricht.

animationend

Wird ausgelöst, wenn eine Animation normal abgeschlossen wurde.

animationiteration

Wird ausgelöst, wenn eine Animations-Wiederholung abgeschlossen wurde.

animationstart

Wird ausgelöst, wenn eine Animation startet.

Zwischenablage Ereignisse

copy

Wird ausgelöst, wenn der Benutzer eine Kopieraktion über die Benutzeroberfläche des Browsers initiiert.

cut

Wird ausgelöst, wenn der Benutzer eine Ausschneideaktion über die Benutzeroberfläche des Browsers initiiert.

paste

Wird ausgelöst, wenn der Benutzer eine Einfügeaktion über die Benutzeroberfläche des Browsers initiiert.

Kompositionsereignisse

compositionend

Wird ausgelöst, wenn ein Textkompositionssystem wie ein Input-Method-Editor die aktuelle Kompositionssitzung beendet oder abbricht.

compositionstart

Wird ausgelöst, wenn ein Textkompositionssystem wie ein Input-Method-Editor eine neue Kompositionssitzung beginnt.

compositionupdate

Wird ausgelöst, wenn ein neues Zeichen im Kontext einer Kompositionssitzung empfangen wird, die von einem Textkompositionssystem wie einem Input-Method-Editor gesteuert wird.

Fokusereignisse

blur

Wird ausgelöst, wenn ein Element den Fokus verloren hat.

focus

Wird ausgelöst, wenn ein Element den Fokus erhalten hat.

focusin

Wird nach dem focus ausgelöst, wenn ein Element den Fokus erhalten hat.

focusout

Wird nach dem blur ausgelöst, wenn ein Element den Fokus verloren hat.

Vollbildereignisse

fullscreenchange

Wird an ein Element gesendet, wenn es in den oder aus dem Vollbildmodus wechselt.

fullscreenerror

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

Tastaturereignisse

keydown

Wird ausgelöst, wenn eine Taste gedrückt wird.

keypress

Wird ausgelöst, wenn eine Taste gedrückt wird, die einen Zeichenwert erzeugt.

keyup

Wird ausgelöst, wenn eine Taste losgelassen wird.

Mausereignisse

auxclick

Wird ausgelöst, wenn eine nicht-primäre Zeigegerätetaste (z.B. eine andere als die linke Maustaste) auf einem Element gedrückt und losgelassen wird.

click

Wird ausgelöst, wenn eine Zeigegerätetaste (z.B. die primäre Maustaste) auf einem einzelnen Element gedrückt und losgelassen wird.

contextmenu

Wird ausgelöst, wenn der Benutzer versucht, ein Kontextmenü zu öffnen.

dblclick

Wird ausgelöst, wenn eine Zeigegerätetaste (z.B. die primäre Maustaste) zweimal auf einem einzelnen Element geklickt wird.

DOMActivate

Tritt auf, wenn ein Element aktiviert wird, beispielsweise durch einen Mausklick oder eine Tastendruck.

DOMMouseScroll

Tritt auf, wenn das Mausrad oder ein ähnliches Gerät betätigt wird und der gesammelte Scroll-Betrag seit dem letzten Ereignis mehr als 1 Zeile oder 1 Seite beträgt.

mousedown

Wird ausgelöst, wenn eine Zeigegerätetaste auf einem Element gedrückt wird.

mouseenter

Wird ausgelöst, wenn ein Zeigegerät (normalerweise eine Maus) über das Element bewegt wird, an das der Listener angehängt ist.

mouseleave

Wird ausgelöst, wenn der Zeiger eines Zeigegeräts (normalerweise einer Maus) aus einem Element, an das der Listener angehängt ist, herausbewegt wird.

mousemove

Wird ausgelöst, wenn ein Zeigegerät (normalerweise eine Maus) bewegt wird, während es über einem Element ist.

mouseout

Wird ausgelöst, wenn ein Zeigegerät (normalerweise eine Maus) aus dem Element, an das der Listener angehängt ist, oder einem seiner Kinder herausbewegt wird.

mouseover

Wird ausgelöst, wenn ein Zeigegerät in das Element, an das der Listener angehängt ist, oder eines seiner Kinder bewegt wird.

mouseup

Wird ausgelöst, wenn eine Zeigegerätetaste auf einem Element losgelassen wird.

mousewheel

Wird ausgelöst, wenn ein Mausrad oder ein ähnliches Gerät betätigt wird.

MozMousePixelScroll

Wird ausgelöst, wenn ein Mausrad oder ein ähnliches Gerät betätigt wird.

webkitmouseforcechanged

Wird jedes Mal ausgelöst, wenn die Druckmenge auf dem Trackpad-Touchscreen ändert.

webkitmouseforcedown

Wird nach dem mousedown Ereignis ausgelöst, sobald genügend Druck ausgeübt wurde, um als "Force-Klick" zu qualifizieren.

webkitmouseforcewillbegin

Wird vor dem mousedown Ereignis ausgelöst.

webkitmouseforceup

Wird nach dem webkitmouseforcedown Ereignis ausgelöst, sobald der Druck ausreichend reduziert wurde, um den "Force-Klick" zu beenden.

Zeigerereignisse

gotpointercapture

Wird ausgelöst, wenn ein Element einen Zeiger mit setPointerCapture() einfängt.

lostpointercapture

Wird ausgelöst, wenn ein eingefangener Zeiger freigegeben wird.

pointercancel

Wird ausgelöst, wenn ein Zeigerevent abgebrochen wird.

pointerdown

Wird ausgelöst, wenn ein Zeiger aktiv wird.

pointerenter

Wird ausgelöst, wenn ein Zeiger in die Hit-Test-Grenzen eines Elements oder eines seiner Nachkommen bewegt wird.

pointerleave

Wird ausgelöst, wenn ein Zeiger aus den Hit-Test-Grenzen eines Elements herausbewegt wird.

pointermove

Wird ausgelöst, wenn ein Zeiger Koordinaten ändert.

pointerout

Wird ausgelöst, wenn ein Zeiger aus den Hit-Test-Grenzen eines Elements herausbewegt wird (unter anderem aus verschiedenen Gründen).

pointerover

Wird ausgelöst, wenn ein Zeiger in die Treffer-Test-Grenzen eines Elements bewegt wird.

pointerrawupdate

Wird ausgelöst, wenn ein Zeiger irgendwelche Eigenschaften ändert, die keine pointerdown oder pointerup Ereignisse auslösen.

pointerup

Wird ausgelöst, wenn ein Zeiger nicht mehr aktiv ist.

Screllisereignisse

scroll

Wird ausgelöst, wenn die Dokumentansicht oder ein Element gescrollt wurde.

scrollend

Wird ausgelöst, wenn die Dokumentansicht das Scrollen beendet hat.

scrollsnapchange

Wird auf dem Scrollcontainer am Ende eines Scrollvorgangs ausgelöst, wenn ein neues Scroll-Snaptarget ausgewählt wurde.

scrollsnapchanging

Wird auf dem Scrollcontainer ausgelöst, wenn der Browser feststellt, dass ein neues Scroll-Snaptarget ansteht, d.h. es wird ausgewählt, wenn die aktuelle Scroll-Geste endet.

Berührungsereignisse

gesturechange

Wird ausgelöst, wenn sich Finger während einer Berührungsgeste bewegen.

gestureend

Wird ausgelöst, wenn keine Finger mehr die Berührungsfläche kontaktieren und die Geste damit endet.

gesturestart

Wird ausgelöst, wenn mehrere Finger die Berührungsfläche kontaktieren und dadurch eine neue Geste starten.

touchcancel

Wird ausgelöst, wenn ein oder mehrere Berührungspunkte auf eine implementierungsspezifische Weise gestört wurden (z.B. werden zu viele Berührungspunkte erstellt).

touchend

Wird ausgelöst, wenn ein oder mehrere Berührungspunkte von der Berührungsfläche entfernt werden.

touchmove

Wird ausgelöst, wenn ein oder mehrere Berührungspunkte entlang der Berührungsfläche bewegt werden.

touchstart

Wird ausgelöst, wenn ein oder mehrere Berührungspunkte auf die Berührungsfläche aufgesetzt werden.

Übergangseffekte

transitioncancel

Ein Event, das ausgelöst wird, wenn ein CSS-Übergang abgebrochen wurde.

transitionend

Ein Event, das ausgelöst wird, wenn ein CSS-Übergang das Abspielen abgeschlossen hat.

transitionrun

Ein Event, das ausgelöst wird, wenn ein CSS-Übergang erstellt wird (d.h. wenn er zu einem Satz von laufenden Übergängen hinzugefügt wird), aber nicht unbedingt gestartet hat.

transitionstart

Ein Event, das ausgelöst wird, wenn ein CSS-Übergang zu Übergang beginnt.

Spezifikationen

Spezifikation
DOM
# interface-element
Pointer Events
# extensions-to-the-element-interface
Fullscreen API
# api
DOM Parsing and Serialization
# extensions-to-the-element-interface
CSSOM View Module
# extension-to-the-element-interface

Browser-Kompatibilität

Help improve MDN

Erfahren Sie, wie Sie beitragen können Diese Seite wurde automatisch aus dem Englischen übersetzt.

AltStyle によって変換されたページ (->オリジナル) /