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 Ansichtsü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 zurück, die die Liste der Klassen 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 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

Ein String, der das Attribut elementtiming widerspiegelt, mit dem ein Element für die Beobachtung durch die PerformanceElementTiming-API gekennzeichnet wird.

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 Elementinhalts 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 es keinem Namespace angehört.

Element.nextElementSibling Schreibgeschützt

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

Element.outerHTML

Ein String, der das Markup des Elements einschließlich seines Inhalts repräsentiert. Wird die Eigenschaft als Setter verwendet, ersetzt sie das Element durch Knoten, die aus dem angegebenen String geparst werden.

Element.part Schreibgeschützt

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

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 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 Inhalts eines Elements repräsentiert.

Element.scrollLeft

Eine Zahl, die den horizontalen Scrollversatz des Elements nach links repräsentiert.

Element.scrollLeftMax Schreibgeschützt

Gibt eine Zahl zurück, die den maximal möglichen horizontalen Scrollversatz des Elements nach links repräsentiert.

Element.scrollTop

Eine Zahl, die angibt, um wie viele Pixel der Inhalt des Elements vertikal nach oben gescrollt wurde.

Element.scrollTopMax Schreibgeschützt

Gibt eine Zahl zurück, die den maximal möglichen vertikalen Scrollversatz des Elements nach oben repräsentiert.

Element.scrollWidth Schreibgeschützt

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

Element.shadowRoot Schreibgeschützt

Gibt die offene Shadow-Root zurück, die vom Element gehostet wird, 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 einen String mit dem Tag-Namen des angegebenen Elements zurück.

Von ARIA übernommene Instanzeigenschaften

Die Schnittstelle Element umfasst außerdem die folgenden Eigenschaften.

Element.ariaAtomic

Ein String, der das Attribut aria-atomic widerspiegelt. Dieses gibt an, ob unterstützende Technologien anhand der durch das Attribut aria-relevant definierten Änderungsbenachrichtigungen den gesamten geänderten Bereich oder nur Teile davon präsentieren.

Element.ariaAutoComplete

Ein String, der das Attribut aria-autocomplete widerspiegelt. Dieses gibt an, ob die Texteingabe eine oder mehrere Vorhersagen für den vom Benutzer beabsichtigten Wert einer Combobox, eines Suchfelds oder eines Textfelds anzeigen kann, und legt fest, wie solche Vorhersagen dargestellt werden.

Element.ariaBrailleLabel

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

Element.ariaBrailleRoleDescription

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

Element.ariaBusy

Ein String, der das Attribut aria-busy widerspiegelt. Dieses gibt an, ob ein Element gerade geändert wird, da unterstützende Technologien möglicherweise warten sollen, bis die Änderungen abgeschlossen sind, bevor sie diese dem Benutzer zugänglich machen.

Element.ariaChecked

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

Element.ariaColCount

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

Element.ariaColIndex

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

Element.ariaColIndexText

Ein String, der das Attribut aria-colindextext widerspiegelt, das eine menschenlesbare Textalternative für aria-colindex definiert.

Element.ariaColSpan

Ein String, der das Attribut aria-colspan widerspiegelt. Dieses definiert die Anzahl der Spalten, über die sich eine Zelle oder Grid-Zelle in einer Tabelle, einem Grid oder einem Treegrid erstreckt.

Element.ariaCurrent

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

Element.ariaDescription

Ein String, der das Attribut aria-description widerspiegelt, das einen String zur Beschreibung oder Erläuterung des aktuellen Elements definiert.

Element.ariaDisabled

Ein String, der das Attribut aria-disabled widerspiegelt. Dieses gibt an, dass das Element wahrnehmbar, aber deaktiviert ist und daher weder bearbeitet noch anderweitig bedient werden kann.

Element.ariaExpanded

Ein String, der das Attribut aria-expanded widerspiegelt. Dieses gibt an, ob ein Gruppierungselement, das diesem Element gehört oder von ihm gesteuert wird, erweitert oder eingeklappt ist.

Element.ariaHasPopup

Ein String, der das Attribut aria-haspopup widerspiegelt. Dieses gibt an, ob ein interaktives Popup-Element, etwa ein Menü oder Dialog, durch das Element ausgelöst werden kann und welchen Typ es hat.

Element.ariaHidden

Ein String, der das Attribut aria-hidden widerspiegelt. Dieses gibt an, ob das Element einer Barrierefreiheits-API zugänglich gemacht wird.

Element.ariaInvalid

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

Element.ariaKeyShortcuts

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

Element.ariaLabel

Ein String, der das Attribut aria-label widerspiegelt, das einen String zur Beschriftung des aktuellen Elements definiert.

Element.ariaLevel

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

Element.ariaLive

Ein String, der das Attribut aria-live widerspiegelt. Dieses gibt an, dass ein Element aktualisiert wird, und beschreibt, welche Arten von Aktualisierungen User-Agents, unterstützende Technologien und Benutzer in der Live-Region erwarten können.

Element.ariaModal

Ein String, der das Attribut aria-modal widerspiegelt. Dieses gibt an, ob ein Element bei seiner Anzeige modal ist.

Element.ariaMultiLine

Ein String, der das Attribut aria-multiline widerspiegelt. Dieses gibt an, ob ein Textfeld mehrere Eingabezeilen oder nur eine Zeile akzeptiert.

Element.ariaMultiSelectable

Ein String, der das Attribut aria-multiselectable widerspiegelt. Dieses gibt an, dass der Benutzer mehr als einen Eintrag aus den aktuell auswählbaren Nachfahren auswählen kann.

Element.ariaOrientation

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

Element.ariaPlaceholder

Ein String, der 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

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

Element.ariaPressed

Ein String, der das Attribut aria-pressed widerspiegelt. Dieses gibt den aktuellen „gedrückt“-Zustand von Umschaltflächen an.

Element.ariaReadOnly

Ein String, der das Attribut aria-readonly widerspiegelt. Dieses gibt an, dass das Element nicht bearbeitbar, ansonsten aber bedienbar ist.

Element.ariaRelevant

Ein String, der das Attribut aria-relevant widerspiegelt. Dieses gibt an, welche Benachrichtigungen der User-Agent auslöst, wenn sich der Barrierefreiheitsbaum innerhalb einer Live-Region ändert. Damit wird beschrieben, welche Änderungen in einer aria-live-Region relevant sind und angekündigt werden sollen.

Element.ariaRequired

Ein String, der das Attribut aria-required widerspiegelt. Dieses gibt an, dass vor dem Absenden eines Formulars eine Benutzereingabe für das Element erforderlich ist.

Element.ariaRoleDescription

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

Element.ariaRowCount

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

Element.ariaRowIndex

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

Element.ariaRowIndexText

Ein String, der das Attribut aria-rowindextext widerspiegelt, das eine menschenlesbare Textalternative für aria-rowindex definiert.

Element.ariaRowSpan

Ein String, der das Attribut aria-rowspan widerspiegelt. Dieses definiert die Anzahl der Zeilen, über die sich eine Zelle oder Grid-Zelle in einer Tabelle, einem Grid oder einem Treegrid erstreckt.

Element.ariaSelected

Ein String, der das Attribut aria-selected widerspiegelt. Dieses gibt den aktuellen „ausgewählt“-Zustand von Elementen an, die einen solchen Zustand haben.

Element.ariaSetSize

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

Element.ariaSort

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

Element.ariaValueMax

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

Element.ariaValueMin

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

Element.ariaValueNow

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

Element.ariaValueText

Ein String, der das Attribut aria-valuetext widerspiegelt, das eine menschenlesbare Textalternative zu aria-valuenow für ein Bereichs-Widget definiert.

Element.role

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

Aus ARIA-Elementreferenzen gespiegelte Instanzeigenschaften

Die Eigenschaften spiegeln die Elemente wider, die in den entsprechenden Attributen über id-Referenzen angegeben sind, allerdings mit einigen Einschränkungen. Weitere Informationen finden Sie unter Gespiegelte Elementreferenzen im Leitfaden Gespiegelte Attribute.

Element.ariaActiveDescendantElement

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

Element.ariaControlsElements

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

Element.ariaDescribedByElements

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

Element.ariaDetailsElements

Ein Array von Elementen, die barrierefreie Zusatzinformationen für das Element bereitstellen, auf das die 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 die 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 kennzeichnen. Diese kann 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 barrierefreien Namen für das Element bereitstellen, auf das die Eigenschaft angewendet wird. Spiegelt das Attribut aria-labelledby wider.

Element.ariaOwnsElements

Ein Array von Elementen, die dem Element gehören, auf das die Eigenschaft angewendet wird. Damit wird eine visuelle, funktionale oder kontextuelle Beziehung zwischen einem übergeordneten Element und seinen Kindelementen definiert, wenn sich diese Beziehung nicht über 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 Strings in die Kindelementliste des übergeordneten Elements von Element ein, unmittelbar nach Element.

Element.animate()

Eine Kurzform zum Erstellen und Ausführen einer Animation für ein 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 Gruppe 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 Gruppe von Node-Objekten oder Strings in die Kindelementliste des übergeordneten Elements 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 unter den Vorfahren des aktuellen Elements (oder als aktuelles Element selbst) den übergebenen Selektoren am nächsten liegt und mit ihnen übereinstimmt.

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 der derzeit auf dem Element aktiven Animation-Objekte zurück.

Element.getAttribute()

Ruft den Wert des benannten Attributs des aktuellen Knotens ab und gibt ihn als String 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 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 Begrenzungsrechtecke für jede Textzeile angeben.

Element.getElementsByClassName()

Gibt eine Live-HTMLCollection mit allen Nachfahren des aktuellen Elements zurück, die die als Parameter übergebenen Klassen besitzen.

Element.getElementsByTagName()

Gibt eine Live-HTMLCollection mit allen Nachfahren des aktuellen Elements zurück, die einen bestimmten Tag-Namen haben.

Element.getElementsByTagNameNS()

Gibt eine Live-HTMLCollection mit allen Nachfahren des aktuellen Elements zurück, die einen bestimmten Tag-Namen und Namespace haben.

Element.getHTML()

Gibt den DOM-Inhalt des Elements als HTML-String zurück, optional einschließlich eines vorhandenen 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, für das die Methode aufgerufen wird, den Pointer-Capture für den durch die angegebene Pointer-ID identifizierten Zeiger besitzt.

Element.insertAdjacentElement()

Fügt einen angegebenen Elementknoten an einer angegebenen 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 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, für das die Methode 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 angegebenen Node innerhalb des aufrufenden Knotens als direktes Kind vor einen angegebenen Referenzknoten, ohne den Knoten zunächst zu entfernen und dann erneut einzufügen.

Element.prepend()

Fügt eine Gruppe von Node-Objekten oder Strings 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, der relativ zum Element mit dem angegebenen Selektor-String übereinstimmt.

Element.querySelectorAll()

Gibt eine NodeList mit Knoten zurück, die relativ zum Element mit dem angegebenen Selektor-String übereinstimmen.

Element.releasePointerCapture()

Gibt den zuvor für ein bestimmtes PointerEvent gesetzten Pointer-Capture frei.

Element.remove()

Entfernt das Element aus der Kindelementliste seines übergeordneten Elements.

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 Kindelementliste seines übergeordneten Elements durch eine Gruppe von Node-Objekten oder Strings.

Element.requestFullscreen()

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

Element.requestPointerLock()

Ermöglicht es, asynchron anzufordern, den Zeiger an das angegebene Element zu binden.

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, falls es sich noch nicht dort 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 am aktuellen Knoten.

Element.setAttributeNodeNS()

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

Element.setAttributeNS()

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

Element.setCapture()

Richtet das Abfangen von Mausereignissen ein und leitet alle Mausereignisse an dieses Element weiter.

Element.setHTML() Sicherer Kontext

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

Element.setHTMLUnsafe()

Parst einen HTML-String ohne Bereinigung und wandelt ihn in ein Dokumentfragment um, das anschließend den ursprünglichen Teilbaum des Elements im DOM ersetzt. Der HTML-String kann deklarative Shadow-Roots enthalten, die als Template-Elemente geparst würden, wenn das HTML über Element.innerHTML gesetzt würde.

Element.setPointerCapture()

Bestimmt ein Element als Ziel für das Abfangen zukünftiger Zeigerereignisse.

Element.startViewTransition()

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

Element.toggleAttribute()

Schaltet ein boolesches Attribut am angegebenen Element um: Ist es vorhanden, wird es entfernt; ist es nicht vorhanden, wird es hinzugefügt.

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, unmittelbar bevor der Wert eines Eingabeelements geändert wird.

beforematch

Wird bei einem Element im Zustand hidden until found ausgelöst, wenn der Browser dessen Inhalt anzeigen wird, weil der Benutzer ihn über die Seitensuche oder die Fragmentnavigation gefunden hat.

beforescriptexecute

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

beforexrselect

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

contentvisibilityautostatechange

Wird bei jedem Element mit gesetztem content-visibility: auto ausgelöst, wenn es beginnt oder aufhört, für den Benutzer relevant zu sein, und die Verarbeitung seines Inhalts übersprungen beziehungsweise wieder aufgenommen wird.

input

Wird ausgelöst, wenn sich der Wert eines Elements unmittelbar durch eine Benutzeraktion ändert.

securitypolicyviolation

Wird ausgelöst, wenn gegen eine Content Security Policy verstoßen wird.

wheel

Wird ausgelöst, wenn der Benutzer das Rad eines Zeigegeräts (üblicherweise 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.

Zwischenablageereignisse

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, nachdem ein Element den Fokus erhalten hat, nach focus.

focusout

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

Vollbildereignisse

fullscreenchange

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

fullscreenerror

Wird an ein Element gesendet, wenn beim Versuch, in den Vollbildmodus zu wechseln 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 (z. B. eine andere Maustaste als die linke) auf einem Element gedrückt und wieder losgelassen wurde.

click

Wird ausgelöst, wenn eine Taste eines Zeigegeräts (z. B. die primäre Maustaste) auf demselben Element gedrückt und wieder 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 Maustaste) auf demselben Element zweimal 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 die seit dem letzten Ereignis angesammelte Scrollmenge 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 (üblicherweise eine Maus) über das Element bewegt wird, dem der Listener zugeordnet ist.

mouseleave

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

mousemove

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

mouseout

Wird ausgelöst, wenn ein Zeigegerät (üblicherweise eine Maus) vom Element, dem der Listener zugeordnet ist, oder von einem seiner Kinder wegbewegt wird.

mouseover

Wird ausgelöst, wenn ein Zeigegerät auf das Element, dem der Listener zugeordnet ist, oder auf 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 die Stärke des Drucks auf die berührungsempfindliche Oberfläche des Trackpads ä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 nachgelassen hat, um den „Force Click“ zu beenden.

Zeigerereignisse

gotpointercapture

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

lostpointercapture

Wird ausgelöst, wenn ein eingefangener 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 Nachfahren 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.

Scrollereignisse

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 bevorsteht, das heißt, dass es ausgewählt wird, sobald die aktuelle Scrollgeste endet.

Berührungsereignisse

gesturechange

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

gestureend

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

gesturestart

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

touchcancel

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

touchend

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

touchmove

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

touchstart

Wird ausgelöst, wenn ein oder mehrere Berührungspunkte auf die berührungsempfindliche 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 abgelaufen ist.

transitionrun

Ein Event, das ausgelöst wird, wenn ein CSS-Übergang erstellt wird (also einer Gruppe laufender Übergänge hinzugefügt wird), aber nicht unbedingt bereits begonnen hat.

transitionstart

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

Spezifikationen

Browser-Kompatibilität