Element

Instanzeigenschaften

Element erbt Eigenschaften von seiner übergeordneten Schnittstelle Node und damit auch von deren übergeordneter Schnittstelle EventTarget.

Element.activeViewTransition Schreibgeschützt

Gibt eine ViewTransition-Instanz zurück, die den derzeit auf einem Element aktiven View-Übergang repräsentiert.

Element.assignedSlot Schreibgeschützt

Gibt ein HTMLSlotElement zurück, das den <slot> repräsentiert, in den 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 mit der Liste der Klassenattribute zurück.

Element.className

Eine Zeichenfolge, die 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 Rahmens des Elements repräsentiert.

Element.clientTop Schreibgeschützt

Gibt eine Zahl zurück, die die Breite des oberen Rahmens 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 den effektiven Zoomfaktor des Elements angibt, oder 1.0, wenn das Element nicht gerendert wird.

Element.customElementRegistry Schreibgeschützt

Das diesem Element zugeordnete CustomElementRegistry-Objekt oder null, wenn keines festgelegt wurde.

Element.elementTiming

Eine Zeichenfolge, die das Attribut elementtiming widerspiegelt, das ein Element für die Beobachtung durch die PerformanceElementTiming-API markiert.

Element.firstElementChild Schreibgeschützt

Gibt das erste Kindelement dieses Elements zurück.

Element.id

Eine Zeichenfolge, die die ID des Elements repräsentiert.

Element.innerHTML

Eine Zeichenfolge, die das Markup des Elementinhalts repräsentiert.

Element.lastElementChild Schreibgeschützt

Gibt das letzte Kindelement dieses Elements zurück.

Element.localName Schreibgeschützt

Eine Zeichenfolge, die den lokalen Teil des qualifizierten Namens des Elements repräsentiert.

Element.namespaceURI Schreibgeschützt

Die Namespace-URI des Elements oder null, wenn es keinem Namespace angehört.

Element.nextElementSibling Schreibgeschützt

Ein Element, das im Baum unmittelbar auf das angegebene Element folgt, oder null, wenn kein Geschwisterknoten vorhanden ist.

Element.outerHTML

Eine Zeichenfolge, die das Markup des Elements einschließlich seines Inhalts repräsentiert. Bei Verwendung als Setter wird das Element durch Knoten ersetzt, die aus der angegebenen Zeichenfolge geparst werden.

Element.part Schreibgeschützt

Repräsentiert die Part-Bezeichner des Elements (die mit dem Attribut part festgelegt werden) und wird als DOMTokenList zurückgegeben.

Element.prefix Schreibgeschützt

Eine Zeichenfolge, die das Namespace-Präfix des Elements repräsentiert, oder null, wenn kein Präfix angegeben ist.

Element.previousElementSibling Schreibgeschützt

Ein Element, das im Baum unmittelbar vor dem angegebenen Element steht, oder null, wenn kein Geschwisterelement vorhanden ist.

Element.scrollHeight Schreibgeschützt

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

Element.scrollLeft

Eine Zahl, die den horizontalen Scroll-Versatz des Elements von links repräsentiert.

Element.scrollLeftMax Schreibgeschützt

Gibt eine Zahl zurück, die den maximal möglichen horizontalen Scroll-Versatz des Elements von links repräsentiert.

Element.scrollTop

Eine Zahl, die angibt, um wie viele Pixel das Element vertikal von oben gescrollt wurde.

Element.scrollTopMax Schreibgeschützt

Gibt eine Zahl zurück, die den maximal möglichen vertikalen Scroll-Versatz des Elements von oben repräsentiert.

Element.scrollWidth Schreibgeschützt

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

Element.shadowRoot Schreibgeschützt

Gibt die offene Shadow-Root zurück, deren Host das Element ist, oder null, wenn keine offene Shadow-Root vorhanden ist.

Element.slot

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

Element.tagName Schreibgeschützt

Gibt eine Zeichenfolge mit dem Tag-Namen des angegebenen Elements zurück.

Aus ARIA übernommene Instanzeigenschaften

Die Schnittstelle Element umfasst außerdem die folgenden Eigenschaften.

Element.ariaAtomic

Eine Zeichenfolge, die das Attribut aria-atomic widerspiegelt. Dieses gibt an, ob assistive Technologien aufgrund der durch das Attribut aria-relevant definierten Änderungsbenachrichtigungen den gesamten geänderten Bereich oder nur Teile davon ausgeben.

Element.ariaAutoComplete

Eine Zeichenfolge, die das Attribut aria-autocomplete widerspiegelt. Dieses gibt an, ob die Texteingabe die Anzeige einer oder mehrerer Vorhersagen für den vom Benutzer beabsichtigten Wert einer Combobox, eines Suchfelds oder eines Textfelds auslösen kann, und legt fest, wie solche Vorhersagen dargestellt werden.

Element.ariaBrailleLabel

Eine Zeichenfolge, die das Attribut aria-braillelabel widerspiegelt, das die Braille-Beschriftung des Elements definiert.

Element.ariaBrailleRoleDescription

Eine Zeichenfolge, die das Attribut aria-brailleroledescription widerspiegelt, das die ARIA-Rollenbeschreibung des Elements in Braille definiert.

Element.ariaBusy

Eine Zeichenfolge, die das Attribut aria-busy widerspiegelt. Dieses gibt an, ob ein Element gerade geändert wird, da assistive Technologien möglicherweise warten sollen, bis die Änderungen abgeschlossen sind, bevor sie sie dem Benutzer zugänglich machen.

Element.ariaChecked

Eine Zeichenfolge, die das Attribut aria-checked widerspiegelt. Dieses gibt den aktuellen Auswahlzustand von Kontrollkästchen, Optionsfeldern und anderen Widgets mit einem solchen Zustand an.

Element.ariaColCount

Eine Zeichenfolge, die das Attribut aria-colcount widerspiegelt, das die Anzahl der Spalten in einer Tabelle, einem Grid oder einem Treegrid definiert.

Element.ariaColIndex

Eine Zeichenfolge, die das Attribut aria-colindex widerspiegelt. Dieses definiert den Spaltenindex beziehungsweise die Position eines Elements bezogen auf die Gesamtzahl der Spalten in einer Tabelle, einem Grid oder einem Treegrid.

Element.ariaColIndexText

Eine Zeichenfolge, die das Attribut aria-colindextext widerspiegelt, das eine menschenlesbare Textalternative für aria-colindex definiert.

Element.ariaColSpan

Eine Zeichenfolge, die das Attribut aria-colspan widerspiegelt. Dieses definiert die Anzahl der Spalten, über die sich eine Zelle oder Grid-Zelle innerhalb einer Tabelle, eines Grids oder eines Treegrids erstreckt.

Element.ariaCurrent

Eine Zeichenfolge, die das Attribut aria-current widerspiegelt. Dieses kennzeichnet das Element, das den aktuellen Eintrag innerhalb eines Containers oder einer Gruppe zusammengehöriger Elemente repräsentiert.

Element.ariaDescription

Eine Zeichenfolge, die das Attribut aria-description widerspiegelt. Dieses definiert einen Zeichenfolgenwert, der das aktuelle Element beschreibt oder mit einer Anmerkung versieht.

Element.ariaDisabled

Eine Zeichenfolge, die das Attribut aria-disabled widerspiegelt. Dieses gibt an, dass das Element wahrnehmbar, aber deaktiviert und daher weder bearbeitbar noch anderweitig bedienbar ist.

Element.ariaExpanded

Eine Zeichenfolge, die das Attribut aria-expanded widerspiegelt. Dieses gibt an, ob ein Gruppierungselement, das diesem Element gehört oder von ihm gesteuert wird, aufgeklappt oder eingeklappt ist.

Element.ariaHasPopup

Eine Zeichenfolge, die das Attribut aria-haspopup widerspiegelt. Dieses gibt die Verfügbarkeit und den Typ eines interaktiven Popup-Elements an, beispielsweise eines Menüs oder Dialogs, das durch ein Element ausgelöst werden kann.

Element.ariaHidden

Eine Zeichenfolge, die das Attribut aria-hidden widerspiegelt. Dieses gibt an, ob das Element einer Barrierefreiheits-API zugänglich gemacht wird.

Element.ariaInvalid

Eine Zeichenfolge, die das Attribut aria-invalid widerspiegelt. Dieses gibt an, dass der eingegebene Wert nicht dem von der Anwendung erwarteten Format entspricht.

Element.ariaKeyShortcuts

Eine Zeichenfolge, die das Attribut aria-keyshortcuts widerspiegelt. Dieses gibt Tastenkombinationen an, die ein Autor implementiert hat, um ein Element zu aktivieren oder ihm den Fokus zu geben.

Element.ariaLabel

Eine Zeichenfolge, die das Attribut aria-label widerspiegelt, das eine Beschriftung für das aktuelle Element definiert.

Element.ariaLevel

Eine Zeichenfolge, die das Attribut aria-level widerspiegelt, das die Hierarchieebene eines Elements innerhalb einer Struktur definiert.

Element.ariaLive

Eine Zeichenfolge, die das Attribut aria-live widerspiegelt. Dieses gibt an, dass ein Element aktualisiert wird, und beschreibt, welche Arten von Aktualisierungen Benutzeragenten, assistive Technologien und Benutzer von der Live-Region erwarten können.

Element.ariaModal

Eine Zeichenfolge, die das Attribut aria-modal widerspiegelt. Dieses gibt an, ob ein Element bei seiner Anzeige modal ist.

Element.ariaMultiline

Eine Zeichenfolge, die das Attribut aria-multiline widerspiegelt. Dieses gibt an, ob ein Textfeld mehrere Eingabezeilen oder nur eine einzelne Zeile akzeptiert.

Element.ariaMultiSelectable

Eine Zeichenfolge, die das Attribut aria-multiselectable widerspiegelt. Dieses gibt an, dass der Benutzer mehr als einen Eintrag aus den aktuell auswählbaren Nachkommen auswählen kann.

Element.ariaOrientation

Eine Zeichenfolge, die das Attribut aria-orientation widerspiegelt. Dieses gibt an, ob die Ausrichtung des Elements horizontal, vertikal oder unbekannt beziehungsweise mehrdeutig ist.

Element.ariaPlaceholder

Eine Zeichenfolge, die das Attribut aria-placeholder widerspiegelt. Dieses definiert einen kurzen Hinweis, der dem Benutzer bei der Dateneingabe helfen soll, wenn das Steuerelement keinen Wert hat.

Element.ariaPosInSet

Eine Zeichenfolge, die das Attribut aria-posinset widerspiegelt. Dieses definiert die Nummer oder Position eines Elements innerhalb der aktuellen Gruppe von Listeneinträgen oder Baumknoten.

Element.ariaPressed

Eine Zeichenfolge, die das Attribut aria-pressed widerspiegelt. Dieses gibt den aktuellen gedrückten Zustand von Umschaltflächen an.

Element.ariaReadOnly

Eine Zeichenfolge, die das Attribut aria-readonly widerspiegelt. Dieses gibt an, dass das Element nicht bearbeitbar, ansonsten aber bedienbar ist.

Element.ariaRelevant

Eine Zeichenfolge, die das Attribut aria-relevant widerspiegelt. Dieses gibt an, welche Benachrichtigungen der Benutzeragent auslöst, wenn der Barrierefreiheitsbaum innerhalb einer Live-Region geändert wird. Damit wird beschrieben, welche Änderungen in einer aria-live-Region relevant sind und angekündigt werden sollen.

Element.ariaRequired

Eine Zeichenfolge, die das Attribut aria-required widerspiegelt. Dieses gibt an, dass für das Element eine Benutzereingabe erforderlich ist, bevor ein Formular abgesendet werden kann.

Element.ariaRoleDescription

Eine Zeichenfolge, die das Attribut aria-roledescription widerspiegelt. Dieses definiert eine vom Autor lokalisierte, menschenlesbare Beschreibung der Rolle eines Elements.

Element.ariaRowCount

Eine Zeichenfolge, die das Attribut aria-rowcount widerspiegelt, das die Gesamtzahl der Zeilen in einer Tabelle, einem Grid oder einem Treegrid definiert.

Element.ariaRowIndex

Eine Zeichenfolge, die das Attribut aria-rowindex widerspiegelt. Dieses definiert den Zeilenindex beziehungsweise die Position eines Elements bezogen auf die Gesamtzahl der Zeilen in einer Tabelle, einem Grid oder einem Treegrid.

Element.ariaRowIndexText

Eine Zeichenfolge, die das Attribut aria-rowindextext widerspiegelt, das eine menschenlesbare Textalternative für aria-rowindex definiert.

Element.ariaRowSpan

Eine Zeichenfolge, die das Attribut aria-rowspan widerspiegelt. Dieses definiert die Anzahl der Zeilen, über die sich eine Zelle oder Grid-Zelle innerhalb einer Tabelle, eines Grids oder eines Treegrids erstreckt.

Element.ariaSelected

Eine Zeichenfolge, die das Attribut aria-selected widerspiegelt. Dieses gibt den aktuellen Auswahlzustand von Elementen an, die einen solchen Zustand besitzen.

Element.ariaSetSize

Eine Zeichenfolge, die das Attribut aria-setsize widerspiegelt, das die Anzahl der Einträge in der aktuellen Gruppe von Listeneinträgen oder Baumknoten definiert.

Element.ariaSort

Eine Zeichenfolge, die das Attribut aria-sort widerspiegelt. Dieses gibt an, ob Einträge in einer Tabelle oder einem Grid aufsteigend oder absteigend sortiert sind.

Element.ariaValueMax

Eine Zeichenfolge, die das Attribut aria-valueMax widerspiegelt, das den maximal zulässigen Wert für ein Bereichs-Widget definiert.

Element.ariaValueMin

Eine Zeichenfolge, die das Attribut aria-valueMin widerspiegelt, das den minimal zulässigen Wert für ein Bereichs-Widget definiert.

Element.ariaValueNow

Eine Zeichenfolge, die das Attribut aria-valueNow widerspiegelt, das den aktuellen Wert für ein Bereichs-Widget definiert.

Element.ariaValueText

Eine Zeichenfolge, die das Attribut aria-valuetext widerspiegelt. Dieses definiert eine menschenlesbare Textalternative zu aria-valuenow für ein Bereichs-Widget.

Element.role

Eine Zeichenfolge, die das explizit festgelegte Attribut role widerspiegelt, das die semantische Rolle des Elements angibt.

Aus ARIA-Elementreferenzen übernommene Instanzeigenschaften

Die Eigenschaften spiegeln die Elemente wider, die in den entsprechenden Attributen über id referenziert werden, allerdings mit einigen Einschränkungen. Weitere Informationen finden Sie unter Reflektierte Elementreferenzen im Leitfaden zu reflektierten Attributen.

Element.ariaActiveDescendantElement

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

Element.ariaControlsElements

Ein Array von Elementen, deren Inhalt oder Vorhandensein durch das Element gesteuert wird, auf das diese Eigenschaft angewendet wird. Spiegelt das Attribut aria-controls wider.

Element.ariaDescribedByElements

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

Element.ariaDetailsElements

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

Element.ariaErrorMessageElements

Ein Array von Elementen, die eine Fehlermeldung für das Element bereitstellen, auf das diese Eigenschaft angewendet wird. Spiegelt das Attribut aria-errormessage wider.

Element.ariaFlowToElements

Ein Array von Elementen, die das nächste Element oder die nächsten Elemente in einer alternativen Lesereihenfolge des Inhalts angeben und damit nach Ermessen des Benutzers die allgemeine Standardlesereihenfolge außer Kraft setzen. Spiegelt das Attribut aria-flowto wider.

Element.ariaLabelledByElements

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

Element.ariaOwnsElements

Ein Array von Elementen, die dem Element gehören, auf das diese Eigenschaft angewendet wird. Damit wird eine visuelle, funktionale oder kontextuelle Beziehung zwischen einem Elternelement und seinen Kindelementen definiert, wenn sich diese Beziehung nicht durch die DOM-Hierarchie darstellen lässt. Spiegelt das Attribut aria-owns wider.

Instanzmethoden

Element erbt Methoden von seiner übergeordneten Schnittstelle Node und deren übergeordneter Schnittstelle EventTarget.

Element.after()

Fügt eine Gruppe von Node-Objekten oder Zeichenfolgen in die Liste der Kindelemente des Elternelements von Element ein, unmittelbar nach Element.

Element.animate()

Eine Kurzform zum Erstellen und Ausführen einer Animation auf einem Element. Gibt die Instanz des erstellten Animation-Objekts zurück.

Element.ariaNotify()

Legt fest, dass eine angegebene Textzeichenfolge von einem Screenreader angesagt werden soll.

Element.append()

Fügt eine Gruppe von Node-Objekten oder Zeichenfolgen nach dem letzten Kind des Elements ein.

Element.attachShadow()

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

Element.before()

Fügt eine Gruppe von Node-Objekten oder Zeichenfolgen in die Liste der Kindelemente des Elternelements von Element ein, unmittelbar vor Element.

Element.checkVisibility()

Gibt anhand konfigurierbarer Prüfungen zurück, ob ein Element voraussichtlich sichtbar ist.

Element.closest()

Gibt das Element zurück, das der nächste Vorfahr des aktuellen Elements ist (oder das aktuelle Element selbst), auf das die als Parameter angegebenen Selektoren zutreffen.

Element.computedStyleMap()

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

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 des aktuellen Knotens ab und gibt ihn als Zeichenfolge zurück.

Element.getAttributeNames()

Gibt ein Array mit den Attributnamen des aktuellen Elements zurück.

Element.getAttributeNode()

Ruft die Knotendarstellung des benannten Attributs des aktuellen Knotens ab und gibt sie als Attr zurück.

Element.getAttributeNodeNS()

Ruft die Knotendarstellung des Attributs mit dem angegebenen Namen und Namespace vom aktuellen Knoten ab und gibt sie als Attr zurück.

Element.getAttributeNS()

Ruft den Wert des Attributs mit dem angegebenen Namespace und Namen vom aktuellen Knoten ab und gibt ihn als Zeichenfolge 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 Begrenzungsrechtecke für jede Textzeile in einem Client angeben.

Element.getElementsByClassName()

Gibt eine live aktualisierte HTMLCollection zurück, die alle Nachkommen des aktuellen Elements enthält, die die als Parameter angegebene Liste von Klassen besitzen.

Element.getElementsByTagName()

Gibt eine live aktualisierte HTMLCollection zurück, die alle Nachkommen des aktuellen Elements mit einem bestimmten Tag-Namen enthält.

Element.getElementsByTagNameNS()

Gibt eine live aktualisierte HTMLCollection zurück, die alle Nachkommen des aktuellen Elements mit einem bestimmten Tag-Namen und Namespace enthält.

Element.getHTML()

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

Element.hasAttribute()

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

Element.hasAttributeNS()

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

Element.hasAttributes()

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

Element.hasPointerCapture()

Gibt an, ob das Element, auf dem die Methode aufgerufen wird, den durch die angegebene Pointer-ID identifizierten Zeiger erfasst hat.

Element.insertAdjacentElement()

Fügt einen angegebenen Elementknoten an einer angegebenen Position relativ zu dem Element ein, auf dem die Methode aufgerufen wird.

Element.insertAdjacentHTML()

Parst den Text als HTML oder XML und fügt die daraus entstehenden Knoten an der angegebenen Position in den Baum ein.

Element.insertAdjacentText()

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

Element.matches()

Gibt einen booleschen Wert zurück, der angibt, ob das Element von der angegebenen Selektorzeichenfolge ausgewählt würde.

Element.moveBefore()

Verschiebt einen angegebenen Node als direktes Kind in den aufrufenden Knoten, vor einen angegebenen Referenzknoten, ohne den Knoten zu entfernen und anschließend wieder einzufügen.

Element.prepend()

Fügt eine Gruppe von Node-Objekten oder Zeichenfolgen vor dem ersten Kind des Elements ein.

Element.pseudo()

Gibt ein CSSPseudoElement-Objekt zurück, das das dem Element zugeordnete CSS-Pseudoelement des angegebenen Typs repräsentiert.

Element.querySelector()

Gibt den ersten Node zurück, auf den die angegebene Selektorzeichenfolge relativ zum Element zutrifft.

Element.querySelectorAll()

Gibt eine NodeList mit Knoten zurück, auf die die angegebene Selektorzeichenfolge relativ zum Element zutrifft.

Element.releasePointerCapture()

Beendet die zuvor für ein bestimmtes PointerEvent festgelegte Zeigererfassung.

Element.remove()

Entfernt das Element aus der Liste der Kinder seines Elternelements.

Element.removeAttribute()

Entfernt das benannte Attribut vom aktuellen Knoten.

Element.removeAttributeNode()

Entfernt die Knotendarstellung des benannten Attributs vom aktuellen Knoten.

Element.removeAttributeNS()

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

Element.replaceChildren()

Ersetzt die vorhandenen Kinder eines Node durch eine angegebene neue Gruppe von Kindern.

Element.replaceWith()

Ersetzt das Element in der Liste der Kinder seines Elternelements durch eine Gruppe von Node-Objekten oder Zeichenfolgen.

Element.requestFullscreen()

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

Element.requestPointerLock()

Ermöglicht es Ihnen, asynchron die Sperrung des Zeigers auf dem angegebenen Element anzufordern.

Element.scroll()

Scrollt innerhalb eines angegebenen Elements zu bestimmten Koordinaten.

Element.scrollBy()

Scrollt ein Element um den angegebenen Betrag.

Element.scrollIntoView()

Scrollt die Seite, bis das Element sichtbar ist.

Element.scrollIntoViewIfNeeded()

Scrollt das aktuelle Element in den sichtbaren Bereich des Browserfensters, wenn es sich noch nicht darin befindet. Verwenden Sie stattdessen die standardisierte Methode Element.scrollIntoView().

Element.scrollTo()

Scrollt innerhalb eines angegebenen Elements zu bestimmten Koordinaten.

Element.setAttribute()

Setzt den Wert eines benannten Attributs des aktuellen Knotens.

Element.setAttributeNode()

Setzt die Knotendarstellung des benannten Attributs des aktuellen Knotens.

Element.setAttributeNodeNS()

Setzt die Knotendarstellung des Attributs mit dem angegebenen Namen und Namespace des aktuellen Knotens.

Element.setAttributeNS()

Setzt den Wert des Attributs mit dem angegebenen Namen und Namespace des aktuellen Knotens.

Element.setCapture()

Richtet die Erfassung von Mausereignissen ein, sodass alle Mausereignisse an dieses Element umgeleitet werden.

Element.setHTML() Sicherer Kontext

Parst und bereinigt eine HTML-Zeichenfolge zu einem Dokumentfragment, das anschließend den ursprünglichen Teilbaum des Elements im DOM ersetzt.

Element.setHTMLUnsafe()

Parst eine HTML-Zeichenfolge ohne Bereinigung zu einem Dokumentfragment, das anschließend den ursprünglichen Teilbaum des Elements im DOM ersetzt. Die HTML-Zeichenfolge kann deklarative Shadow-Roots enthalten, die beim Setzen des HTML über Element.innerHTML als Template-Elemente geparst würden.

Element.setPointerCapture()

Bestimmt ein bestimmtes Element als Erfassungsziel für zukünftige Zeigerereignisse.

Element.startViewTransition()

Startet einen neuen, auf ein Element beschränkten View-Übergang innerhalb desselben Dokuments (SPA) und gibt ein ViewTransition-Objekt zurück, das ihn repräsentiert.

Element.toggleAttribute()

Schaltet ein boolesches Attribut des angegebenen Elements um: Ist es vorhanden, wird es entfernt; andernfalls wird es hinzugefügt.

Ereignisse

Sie können auf diese Ereignisse mit addEventListener() reagieren oder indem Sie der Eigenschaft oneventname dieser Schnittstelle einen Event-Listener zuweisen.

afterscriptexecute

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

beforeinput

Wird ausgelöst, bevor der Wert eines Eingabeelements geändert wird.

beforematch

Wird für ein Element im Zustand hidden until found ausgelöst, wenn der Browser dessen Inhalt einblenden wird, weil der Benutzer ihn über die Funktion „Auf Seite suchen“ oder über eine Fragmentnavigation gefunden hat.

beforescriptexecute

Wird ausgelöst, bevor ein Skript ausgeführt wird.

beforexrselect

Wird ausgelöst, bevor WebXR-Auswahlereignisse (select, selectstart, selectend) versendet werden.

contentvisibilityautostatechange

Wird für jedes Element ausgelöst, für das content-visibility: auto festgelegt ist, wenn es beginnt oder aufhört, für den Benutzer relevant zu sein und sein Inhalt übersprungen wird.

input

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

securitypolicyviolation

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

wheel

Wird ausgelöst, wenn der Benutzer ein Rad an einem Zeigegerät (in der Regel einer Maus) dreht.

Animationsereignisse

animationcancel

Wird ausgelöst, wenn eine Animation unerwartet abgebrochen wird.

animationend

Wird ausgelöst, wenn eine Animation regulär abgeschlossen wurde.

animationiteration

Wird ausgelöst, wenn ein Durchlauf einer Animation abgeschlossen wurde.

animationstart

Wird ausgelöst, wenn eine Animation beginnt.

Zwischenablage-Ereignisse

copy

Wird ausgelöst, wenn der Benutzer über die Benutzeroberfläche des Browsers einen Kopiervorgang startet.

cut

Wird ausgelöst, wenn der Benutzer über die Benutzeroberfläche des Browsers einen Ausschneidevorgang startet.

paste

Wird ausgelöst, wenn der Benutzer über die Benutzeroberfläche des Browsers einen Einfügevorgang startet.

Kompositionsereignisse

compositionend

Wird ausgelöst, wenn ein Textkompositionssystem wie ein Eingabemethoden-Editor die aktuelle Kompositionssitzung abschließt oder abbricht.

compositionstart

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

compositionupdate

Wird ausgelöst, wenn im Rahmen einer Kompositionssitzung, die von einem Textkompositionssystem wie einem Eingabemethoden-Editor gesteuert wird, ein neues Zeichen empfangen 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 ausgelöst, wenn ein Element den Fokus erhalten hat, nach focus.

focusout

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

Vollbildereignisse

fullscreenchange

Wird an ein Element gesendet, wenn es in den Vollbildmodus wechselt oder ihn verlässt.

fullscreenerror

Wird an ein Element gesendet, wenn beim Versuch, es in den Vollbildmodus zu versetzen oder diesen zu verlassen, ein Fehler auftritt.

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 Taste eines Zeigegeräts (beispielsweise eine andere Maustaste als die linke) auf einem Element gedrückt und losgelassen wurde.

click

Wird ausgelöst, wenn eine Taste eines Zeigegeräts (beispielsweise die primäre Maustaste) auf demselben Element gedrückt und losgelassen wird.

contextmenu

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

dblclick

Wird ausgelöst, wenn mit einer Taste eines Zeigegeräts (beispielsweise der primären Maustaste) zweimal auf dasselbe Element geklickt wird.

DOMActivate

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

DOMMouseScroll

Tritt auf, wenn ein Mausrad oder ein ähnliches Gerät betätigt wird und der seit dem letzten Ereignis aufgelaufene Scroll-Betrag eine Zeile oder eine Seite überschreitet.

mousedown

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

mouseenter

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

mouseleave

Wird ausgelöst, wenn der Zeiger eines Zeigegeräts (meist einer Maus) aus einem Element herausbewegt wird, an dem der Listener registriert ist.

mousemove

Wird ausgelöst, wenn ein Zeigegerät (meist eine Maus) bewegt wird, während sich sein Zeiger über einem Element befindet.

mouseout

Wird ausgelöst, wenn ein Zeigegerät (meist eine Maus) von dem Element, an dem der Listener registriert ist, oder von einem seiner Kinder wegbewegt wird.

mouseover

Wird ausgelöst, wenn ein Zeigegerät über das Element, an dem der Listener registriert ist, oder über eines seiner Kinder bewegt wird.

mouseup

Wird ausgelöst, wenn eine Taste eines Zeigegeräts 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 sich der Druck auf dem Trackpad-Touchscreen ändert.

webkitmouseforcedown

Wird nach dem mousedown-Ereignis ausgelöst, sobald genügend Druck ausgeübt wird, um als „Force Click“ zu gelten.

webkitmouseforcewillbegin

Wird vor dem Ereignis mousedown ausgelöst.

webkitmouseforceup

Wird nach dem Ereignis webkitmouseforcedown ausgelöst, sobald der Druck ausreichend nachgelassen hat, um den „Force Click“ zu beenden.

Zeigerereignisse

gotpointercapture

Wird ausgelöst, wenn ein Element mit setPointerCapture() einen Zeiger 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 den Trefferbereich eines Elements oder eines seiner Nachkommen bewegt wird.

pointerleave

Wird ausgelöst, wenn ein Zeiger aus dem Trefferbereich eines Elements herausbewegt wird.

pointermove

Wird ausgelöst, wenn sich die Koordinaten eines Zeigers ändern.

pointerout

Wird unter anderem ausgelöst, wenn ein Zeiger aus dem Trefferbereich eines Elements herausbewegt wird.

pointerover

Wird ausgelöst, wenn ein Zeiger in den Trefferbereich eines Elements bewegt wird.

pointerrawupdate

Wird ausgelöst, wenn sich Eigenschaften eines Zeigers ändern, die keine Ereignisse vom Typ pointerdown oder pointerup auslösen.

pointerup

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

Scroll-Ereignisse

scroll

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

scrollend

Wird ausgelöst, wenn das Scrollen der Dokumentansicht abgeschlossen ist.

scrollsnapchange

Wird am Scroll-Container am Ende eines Scrollvorgangs ausgelöst, wenn ein neues Scroll-Snap-Ziel ausgewählt wurde.

scrollsnapchanging

Wird am Scroll-Container ausgelöst, wenn der Browser feststellt, dass ein neues Scroll-Snap-Ziel ansteht, das heißt, dass es ausgewählt wird, sobald die aktuelle Scroll-Geste endet.

Touch-Ereignisse

gesturechange

Wird ausgelöst, wenn sich Finger während einer Touch-Geste bewegen.

gestureend

Wird ausgelöst, wenn nicht mehr mehrere Finger die Touch-Oberfläche berühren und die Geste damit endet.

gesturestart

Wird ausgelöst, wenn mehrere Finger die Touch-Oberfläche berühren und damit eine neue Geste beginnen.

touchcancel

Wird ausgelöst, wenn ein oder mehrere Berührungspunkte auf implementierungsspezifische Weise unterbrochen werden (beispielsweise weil zu viele Berührungspunkte entstehen).

touchend

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

touchmove

Wird ausgelöst, wenn ein oder mehrere Berührungspunkte über die Touch-Oberfläche bewegt werden.

touchstart

Wird ausgelöst, wenn ein oder mehrere Berührungspunkte auf der Touch-Oberfläche entstehen.

Übergangsereignisse

transitioncancel

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

transitionend

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

transitionrun

Ein Event, das ausgelöst wird, wenn ein CSS-Übergang erstellt wird (also zur Menge laufender Übergänge hinzugefügt wird), auch wenn er noch nicht begonnen hat.

transitionstart

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

Spezifikationen

Browser-Kompatibilität