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-Transition darstellt.

Element.assignedSlot Schreibgeschützt

Gibt ein HTMLSlotElement zurück, das den <slot> darstellt, in den der Node 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 darstellt.

Element.clientHeight Schreibgeschützt

Gibt eine Zahl zurück, die die innere Höhe des Elements darstellt.

Element.clientLeft Schreibgeschützt

Gibt eine Zahl zurück, die die Breite des linken Rahmens des Elements darstellt.

Element.clientTop Schreibgeschützt

Gibt eine Zahl zurück, die die Breite des oberen Rahmens des Elements darstellt.

Element.clientWidth Schreibgeschützt

Gibt eine Zahl zurück, die die innere Breite des Elements darstellt.

Element.currentCSSZoom Schreibgeschützt

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

Element.customElementRegistry Schreibgeschützt

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

Element.elementTiming

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

Element.firstElementChild Schreibgeschützt

Gibt das erste Kindelement dieses Elements zurück.

Element.id

Ein String, der die ID des Elements darstellt.

Element.innerHTML

Ein String, der das Markup des Inhalts des Elements darstellt.

Element.lastElementChild Schreibgeschützt

Gibt das letzte Kindelement dieses Elements zurück.

Element.localName Schreibgeschützt

Ein String, der den lokalen Teil des qualifizierten Namens des Elements darstellt.

Element.namespaceURI Schreibgeschützt

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

Element.nextElementSibling Schreibgeschützt

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

Element.outerHTML

Ein String, der das Markup des Elements einschließlich seines Inhalts darstellt. Bei Verwendung als Setter wird das Element durch Nodes ersetzt, die aus dem angegebenen String geparst werden.

Element.part

Stellt die Teilbezeichner des Elements dar (d.h. mit dem Attribut part festgelegt) und wird als DOMTokenList zurückgegeben.

Element.prefix Schreibgeschützt

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

Element.previousElementSibling Schreibgeschützt

Ein Element, das 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 der Scroll-Ansicht eines Elements darstellt.

Element.scrollLeft

Eine Zahl, die den linken Scroll-Offset des Elements darstellt.

Element.scrollLeftMax Schreibgeschützt

Gibt eine Zahl zurück, die den maximal möglichen linken Scroll-Offset für das Element darstellt.

Element.scrollTop

Eine Zahl, die die Anzahl der Pixel darstellt, um die der obere Rand des Elements vertikal gescrollt ist.

Element.scrollTopMax Schreibgeschützt

Gibt eine Zahl zurück, die den maximal möglichen oberen Scroll-Offset für das Element darstellt.

Element.scrollWidth Schreibgeschützt

Gibt eine Zahl zurück, die die Breite der Scroll-Ansicht des Elements darstellt.

Element.shadowRoot Schreibgeschützt

Gibt den offenen Shadow Root zurück, der vom Element gehostet wird, oder null, wenn kein offener Shadow Root vorhanden ist.

Element.slot

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

Element.tagName Schreibgeschützt

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

Von ARIA bereitgestellte Instanzeigenschaften

Die Schnittstelle Element enthält außerdem die folgenden Eigenschaften.

Element.ariaAtomic

Ein String, der das Attribut aria-atomic widerspiegelt und angibt, ob assistive Technologien die gesamte geänderte Region oder nur Teile davon präsentieren, basierend auf den durch das Attribut aria-relevant definierten Änderungsbenachrichtigungen.

Element.ariaAutoComplete

Ein String, der das Attribut aria-autocomplete widerspiegelt und angibt, ob die Eingabe von Text die Anzeige einer oder mehrerer Vorhersagen für den vom Benutzer beabsichtigten Wert einer Combobox, Searchbox oder Textbox auslösen könnte, und wie Vorhersagen dargestellt würden, falls sie erstellt werden.

Element.ariaBrailleLabel

Ein String, der das Attribut aria-braillelabel widerspiegelt und die Braille-Beschriftung des Elements definiert.

Element.ariaBrailleRoleDescription

Ein String, der das Attribut aria-brailleroledescription widerspiegelt und die ARIA-Braille-Rollenbeschreibung des Elements definiert.

Element.ariaBusy

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

Element.ariaChecked

Ein String, der das Attribut aria-checked widerspiegelt und den aktuellen „checked“-Zustand von Kontrollkästchen, Optionsfeldern und anderen Widgets mit einem checked-Zustand angibt.

Element.ariaColCount

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

Element.ariaColIndex

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

Element.ariaColIndexText

Ein String, der das Attribut aria-colindextext widerspiegelt und eine für Menschen lesbare Textalternative von aria-colindex definiert.

Element.ariaColSpan

Ein String, der das Attribut aria-colspan widerspiegelt und die Anzahl der Spalten definiert, die von einer Zelle oder Gridcell innerhalb einer Tabelle, eines Grid oder eines Treegrid überspannt werden.

Element.ariaCurrent

Ein String, der das Attribut aria-current widerspiegelt und das Element angibt, das das aktuelle Element innerhalb eines Containers oder einer Menge verwandter Elemente darstellt.

Element.ariaDescription

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

Element.ariaDisabled

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

Element.ariaExpanded

Ein String, der das Attribut aria-expanded widerspiegelt und angibt, ob ein von diesem Element besessenes oder gesteuertes Gruppierungselement erweitert oder eingeklappt ist.

Element.ariaHasPopup

Ein String, der das Attribut aria-haspopup widerspiegelt und die Verfügbarkeit und Art eines interaktiven Popup-Elements angibt, etwa eines Menüs oder Dialogs, das durch ein Element ausgelöst werden kann.

Element.ariaHidden

Ein String, der das Attribut aria-hidden widerspiegelt und angibt, ob das Element einer Accessibility-API zugänglich gemacht wird.

Element.ariaInvalid

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

Element.ariaKeyShortcuts

Ein String, der das Attribut aria-keyshortcuts widerspiegelt und Tastenkürzel angibt, die ein Autor implementiert hat, um ein Element zu aktivieren oder zu fokussieren.

Element.ariaLabel

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

Element.ariaLevel

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

Element.ariaLive

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

Element.ariaModal

Ein String, der das Attribut aria-modal widerspiegelt und angibt, ob ein Element modal ist, wenn es angezeigt wird.

Element.ariaMultiline

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

Element.ariaMultiSelectable

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

Element.ariaOrientation

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

Element.ariaPlaceholder

Ein String, der das Attribut aria-placeholder widerspiegelt und einen kurzen Hinweis definiert, der den Benutzer bei der Dateneingabe unterstützen soll, wenn das Steuerelement keinen Wert hat.

Element.ariaPosInSet

Ein String, der das Attribut aria-posinset widerspiegelt und die Nummer oder Position eines Elements in der aktuellen Menge von Listitems oder Treeitems definiert.

Element.ariaPressed

Ein String, der das Attribut aria-pressed widerspiegelt und den aktuellen „pressed“-Zustand von Umschaltflächen angibt.

Element.ariaReadOnly

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

Element.ariaRelevant

Ein String, der das Attribut aria-relevant widerspiegelt und angibt, welche Benachrichtigungen der Benutzeragent auslöst, wenn der Accessibility-Baum innerhalb einer Live-Region geä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 Attribut aria-required widerspiegelt und angibt, dass eine Benutzereingabe für das Element erforderlich ist, bevor ein Formular übermittelt werden kann.

Element.ariaRoleDescription

Ein String, der das Attribut aria-roledescription widerspiegelt und eine für Menschen lesbare, vom Autor lokalisierte Beschreibung der Rolle eines Elements definiert.

Element.ariaRowCount

Ein String, der das Attribut aria-rowcount widerspiegelt und die Gesamtanzahl der Zeilen in einer Tabelle, einem Grid oder einem Treegrid definiert.

Element.ariaRowIndex

Ein String, der das Attribut aria-rowindex widerspiegelt und den Zeilenindex oder die Position eines Elements in Bezug auf die Gesamtanzahl der Zeilen innerhalb einer Tabelle, eines Grid oder eines Treegrid definiert.

Element.ariaRowIndexText

Ein String, der das Attribut aria-rowindextext widerspiegelt und eine für Menschen lesbare Textalternative von aria-rowindex definiert.

Element.ariaRowSpan

Ein String, der das Attribut aria-rowspan widerspiegelt und die Anzahl der Zeilen definiert, die von einer Zelle oder Gridcell innerhalb einer Tabelle, eines Grid oder eines Treegrid überspannt werden.

Element.ariaSelected

Ein String, der das Attribut aria-selected widerspiegelt und den aktuellen „selected“-Zustand von Elementen angibt, die einen selected-Zustand haben.

Element.ariaSetSize

Ein String, der das Attribut aria-setsize widerspiegelt und die Anzahl der Elemente in der aktuellen Menge von Listitems oder Treeitems definiert.

Element.ariaSort

Ein String, der das Attribut aria-sort widerspiegelt und angibt, ob Elemente in einer Tabelle oder einem Grid auf- oder absteigend sortiert sind.

Element.ariaValueMax

Ein String, der das Attribut aria-valueMax widerspiegelt und den maximal zulässigen Wert für ein Range-Widget definiert.

Element.ariaValueMin

Ein String, der das Attribut aria-valueMin widerspiegelt und den minimal zulässigen Wert für ein Range-Widget definiert.

Element.ariaValueNow

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

Element.ariaValueText

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

Element.role

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

Instanzeigenschaften, die aus ARIA-Elementreferenzen widergespiegelt werden

Die Eigenschaften spiegeln die durch id-Referenz in den entsprechenden Attributen angegebenen Elemente wider, jedoch mit einigen Einschränkungen. Weitere Informationen finden Sie unter Widergespiegelte Elementreferenzen im Leitfaden Widergespiegelte Attribute.

Element.ariaActiveDescendantElement

Ein Element, das das derzeit aktive Element darstellt, wenn sich der Fokus auf einem composite-Widget, einer combobox, einer textbox, einer group oder einer application befindet. Spiegelt das Attribut aria-activedescendant wider.

Element.ariaControlsElements

Ein Array von Elementen, deren Inhalte oder Vorhandensein durch das Element gesteuert werden, auf das es 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 es 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 es angewendet wird. Spiegelt das Attribut aria-details wider.

Element.ariaErrorMessageElements

Ein Array von Elementen, die eine Fehlermeldung für das Element bereitstellen, auf das es 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 identifizieren und nach Ermessen des Benutzers die allgemeine Standardlesereihenfolge überschreiben. Spiegelt das Attribut aria-flowto wider.

Element.ariaLabelledByElements

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

Element.ariaOwnsElements

Ein Array von Elementen, die dem Element gehören, auf das dies angewendet wird. Dies wird verwendet, um eine visuelle, funktionale oder kontextuelle Beziehung zwischen einem übergeordneten Element und seinen Kindelementen zu definieren, wenn die DOM-Hierarchie nicht zur Darstellung der Beziehung verwendet werden kann. Spiegelt das Attribut aria-owns wider.

Instanzmethoden

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

Element.after()

Fügt eine Menge von Node-Objekten oder Strings in die Liste der Kindelemente des übergeordneten Elements von Element ein, direkt nach Element.

Element.animate()

Eine Kurzformmethode zum Erstellen und Ausführen einer Animation auf einem Element. Gibt die erstellte Animation-Objektinstanz zurück.

Element.ariaNotify()

Legt fest, dass ein bestimmter Textstring 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 an und gibt eine Referenz auf dessen ShadowRoot zurück.

Element.before()

Fügt eine Menge von Node-Objekten oder Strings in die Liste der Kindelemente des übergeordneten Elements von Element ein, direkt vor Element.

Element.checkVisibility()

Gibt zurück, ob ein Element basierend auf konfigurierbaren Prüfungen voraussichtlich sichtbar ist.

Element.closest()

Gibt das Element zurück, das der nächste Vorfahr des aktuellen Elements ist (oder das aktuelle Element selbst), der mit den im Parameter angegebenen Selektoren übereinstimmt.

Element.computedStyleMap()

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

Element.getAnimations()

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

Element.getAttribute()

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

Element.getAttributeNames()

Gibt ein Array von Attributnamen des aktuellen Elements zurück.

Element.getAttributeNode()

Ruft die Node-Darstellung des benannten Attributs vom aktuellen Node ab und gibt sie als Attr zurück.

Element.getAttributeNodeNS()

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

Element.getAttributeNS()

Ruft den Wert des Attributs mit dem angegebenen Namespace und Namen vom aktuellen Node 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 Node darstellen.

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-HTMLCollection zurück, die alle Nachkommen des aktuellen Elements enthält, die die im Parameter angegebene Klassenliste besitzen.

Element.getElementsByTagName()

Gibt eine Live-HTMLCollection zurück, die alle Nachkommenelemente eines bestimmten Tagnamens des aktuellen Elements enthält.

Element.getElementsByTagNameNS()

Gibt eine Live-HTMLCollection zurück, die alle Nachkommenelemente eines bestimmten Tagnamens und Namespace des aktuellen Elements enthält.

Element.getHTML()

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

Element.hasAttribute()

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

Element.hasAttributeNS()

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

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, für das die Methode aufgerufen wird, Pointer Capture für den durch die angegebene Pointer-ID identifizierten Pointer hat.

Element.insertAdjacentElement()

Fügt einen angegebenen Element-Node an einer bestimmten Position relativ zu dem Element ein, für das die Methode aufgerufen wird.

Element.insertAdjacentHTML()

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

Element.insertAdjacentText()

Fügt einen angegebenen Text-Node an einer bestimmten Position relativ zu dem Element ein, für das die Methode aufgerufen wird.

Element.matches()

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

Element.moveBefore()

Verschiebt einen angegebenen Node innerhalb des aufrufenden Node als direktes Kind vor einen angegebenen Referenz-Node, ohne den Node zu entfernen und anschließend wieder 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 mit dem Element verknüpfte CSS-Pseudoelement des angegebenen Typs darstellt.

Element.querySelector()

Gibt den ersten Node zurück, der relativ zum Element mit dem angegebenen Selektorstring übereinstimmt.

Element.querySelectorAll()

Gibt eine NodeList von Nodes zurück, die relativ zum Element mit dem angegebenen Selektorstring übereinstimmen.

Element.releasePointerCapture()

Gibt zuvor für ein bestimmtes PointerEvent festgelegtes Pointer Capture frei (beendet es).

Element.remove()

Entfernt das Element aus der Liste der Kindelemente seines übergeordneten Elements.

Element.removeAttribute()

Entfernt das benannte Attribut vom aktuellen Node.

Element.removeAttributeNode()

Entfernt die Node-Darstellung des benannten Attributs vom aktuellen Node.

Element.removeAttributeNS()

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

Element.replaceChildren()

Ersetzt die vorhandenen Kindelemente eines Node durch eine angegebene neue Menge von Kindelementen.

Element.replaceWith()

Ersetzt das Element in der Liste der Kindelemente seines übergeordneten Elements durch eine Menge von Node-Objekten oder Strings.

Element.requestFullscreen()

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

Element.requestPointerLock()

Ermöglicht es Ihnen, asynchron anzufordern, dass der Pointer auf dem angegebenen Element gesperrt wird.

Element.scroll()

Scrollt zu bestimmten Koordinaten innerhalb eines angegebenen Elements.

Element.scrollBy()

Scrollt ein Element um den angegebenen Betrag.

Element.scrollIntoView()

Scrollt die Seite, bis das Element in den sichtbaren Bereich gelangt.

Element.scrollIntoViewIfNeeded()

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

Element.scrollTo()

Scrollt zu bestimmten Koordinaten innerhalb eines angegebenen Elements.

Element.setAttribute()

Legt den Wert eines benannten Attributs des aktuellen Node fest.

Element.setAttributeNode()

Legt die Node-Darstellung des benannten Attributs für den aktuellen Node fest.

Element.setAttributeNodeNS()

Legt die Node-Darstellung des Attributs mit dem angegebenen Namen und Namespace für den aktuellen Node fest.

Element.setAttributeNS()

Legt den Wert des Attributs mit dem angegebenen Namen und Namespace für den aktuellen Node fest.

Element.setCapture()

Richtet Mouse-Event-Capture ein und leitet alle Mausereignisse an dieses Element weiter.

Element.setHTML() Sicherer Kontext

Parst und bereinigt einen HTML-String in ein Dokumentfragment, das anschließend den ursprünglichen Unterbaum des Elements im DOM ersetzt.

Element.setHTMLUnsafe()

Parst einen HTML-String ohne Bereinigung in ein Dokumentfragment, das anschließend 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 das HTML mit Element.innerHTML festgelegt würde.

Element.setPointerCapture()

Legt ein bestimmtes Element als Capture-Ziel zukünftiger Pointer Events fest.

Element.startViewTransition()

Startet einen neuen auf dasselbe Dokument bezogenen (SPA), auf ein Element beschränkten View-Transition und gibt ein ViewTransition-Objekt zurück, das ihn darstellt.

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

Überwachen Sie diese Ereignisse mit addEventListener() oder indem Sie der Eigenschaft oneventname dieser Schnittstelle einen Event Listener zuweisen.

afterscriptexecute

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

beforeinput

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

beforematch

Wird auf einem Element im Zustand hidden until found ausgelöst, wenn der Browser seinen Inhalt gleich sichtbar macht, weil der Benutzer den Inhalt über die Funktion „Auf Seite suchen“ oder über Fragmentnavigation gefunden hat.

beforescriptexecute

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

beforexrselect

Wird ausgelöst, bevor WebXR-Select-Ereignisse (select, selectstart, selectend) verteilt 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 seinen Inhalt zu überspringen.

input

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

securitypolicyviolation

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

wheel

Wird ausgelöst, wenn der Benutzer ein Mausrad auf einem Zeigegerät dreht (typischerweise einer Maus).

Animationsereignisse

animationcancel

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

animationend

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

animationiteration

Wird ausgelöst, wenn eine Animationsiteration abgeschlossen wurde.

animationstart

Wird ausgelöst, wenn eine Animation beginnt.

Zwischenablageereignisse

copy

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

cut

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

paste

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

Kompositionsereignisse

compositionend

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

compositionstart

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

compositionupdate

Wird ausgelöst, wenn im Kontext einer Textkompositionssitzung, die von einem Textkompositionssystem wie etwa 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 nach focus den Fokus erhalten hat.

focusout

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

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 daraus zu entfernen, ein Fehler auftritt.

Tastaturereignisse

keydown

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

keypress

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

keyup

Wird ausgelöst, wenn eine Taste losgelassen wird.

Mausereignisse

auxclick

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

click

Wird ausgelöst, wenn eine Taste eines Zeigegeräts (z. B. die primäre Taste einer Maus) auf einem einzelnen Element gedrückt und losgelassen wird.

contextmenu

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

dblclick

Wird ausgelöst, wenn eine Taste eines Zeigegeräts (z. B. die primäre Taste einer Maus) zweimal auf einem einzelnen Element geklickt wird.

DOMActivate

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

DOMMouseScroll

Tritt auf, wenn das Mausrad oder ein ähnliches Gerät betätigt wird und die kumulierte Scrollmenge seit dem letzten Ereignis mehr als eine Zeile oder eine Seite beträgt.

mousedown

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

mouseenter

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

mouseleave

Wird ausgelöst, wenn der Pointer eines Zeigegeräts, üblicherweise einer Maus, aus einem Element herausbewegt wird, an das der Listener angehängt ist.

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, vom Element wegbewegt wird, an das der Listener angehängt ist, oder von einem seiner Kindelemente.

mouseover

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

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 ausgeübte Druck auf dem Trackpad-Touchscreen ändert.

webkitmouseforcedown

Wird nach dem mousedown-Ereignis ausgelöst, sobald genügend Druck ausgeübt wurde, 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 reduziert wurde, um den „Force Click“ zu beenden.

Pointer-Ereignisse

gotpointercapture

Wird ausgelöst, wenn ein Element mithilfe von setPointerCapture() einen Pointer erfasst.

lostpointercapture

Wird ausgelöst, wenn ein erfasster Pointer freigegeben wird.

pointercancel

Wird ausgelöst, wenn ein Pointer-Ereignis abgebrochen wird.

pointerdown

Wird ausgelöst, wenn ein Pointer aktiv wird.

pointerenter

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

pointerleave

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

pointermove

Wird ausgelöst, wenn ein Pointer seine Koordinaten ändert.

pointerout

Wird ausgelöst, wenn ein Pointer aus den Hit-Test-Grenzen eines Elements bewegt wird, unter anderem aus weiteren Gründen.

pointerover

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

pointerrawupdate

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

pointerup

Wird ausgelöst, wenn ein Pointer 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 aussteht, d.h. dass es ausgewählt wird, wenn 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 damit die Geste beendet wird.

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 Touch-Punkte implementierungsspezifisch unterbrochen wurden, beispielsweise weil zu viele Touch-Punkte erstellt wurden.

touchend

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

touchmove

Wird ausgelöst, wenn ein oder mehrere Touch-Punkte entlang der Touch-Oberfläche bewegt werden.

touchstart

Wird ausgelöst, wenn ein oder mehrere Touch-Punkte auf die Touch-Oberfläche gesetzt werden.

Übergangsereignisse

transitioncancel

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

transitionend

Ein Event, das ausgelöst wird, wenn ein CSS-Übergang vollständig abgespielt wurde.

transitionrun

Ein Event, das ausgelöst wird, wenn ein CSS-Übergang erstellt wird, d.h. wenn er einer Menge laufender Übergänge hinzugefügt wird, jedoch nicht notwendigerweise gestartet wird.

transitionstart

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

Spezifikationen

Browser-Kompatibilität