Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten.Erfahre mehr über dieses Experiment.
Element
Baseline Widely available *
This feature is well established and works across many devices and browser versions. It’s been available across browsers since Juli 2015.
* Some parts of this feature may have varying levels of support.
Element ist die allgemeinste Basisklasse, von der alle Elementobjekte (d.h. Objekte, die Elemente darstellen) in einemDocument erben. Sie hat nur Methoden und Eigenschaften, die allen Arten von Elementen gemeinsam sind. Spezifischere Klassen erben vonElement.
Zum Beispiel ist dasHTMLElement-Interface das Basisinterface für HTML-Elemente. Analog dazu ist dasSVGElement-Interface die Grundlage für alle SVG-Elemente und dasMathMLElement-Interface das Basisinterface für MathML-Elemente. Die meisten Funktionalitäten werden weiter unten in der Klassenhierarchie spezifiziert.
Programmiersprachen außerhalb der Webplattform, wie XUL über dasXULElement-Interface, implementieren ebenfallsElement.
In diesem Artikel
Instanz-Eigenschaften
Element erbt Eigenschaften von seinem übergeordneten Interface,Node, und dadurch von dem übergeordneten InterfaceEventTarget.
Element.assignedSlotSchreibgeschütztGibt ein
HTMLSlotElementzurück, das das<slot>-Element darstellt, in das der Knoten eingefügt wird.Element.attributesSchreibgeschütztGibt ein
NamedNodeMap-Objekt zurück, das die zugewiesenen Attribute des entsprechenden HTML-Elements enthält.Element.childElementCountSchreibgeschütztGibt die Anzahl der Kindelemente dieses Elements zurück.
Element.childrenSchreibgeschütztGibt die Kindelemente dieses Elements zurück.
Element.classListSchreibgeschütztGibt eine
DOMTokenListzurück, die die Liste der Klassenattribute enthält.Element.classNameEin String, der die Klasse des Elements darstellt.
Element.clientHeightSchreibgeschütztGibt eine Zahl zurück, die die innere Höhe des Elements darstellt.
Element.clientLeftSchreibgeschütztGibt eine Zahl zurück, die die Breite des linken Randes des Elements darstellt.
Element.clientTopSchreibgeschütztGibt eine Zahl zurück, die die Breite des oberen Randes des Elements darstellt.
Element.clientWidthSchreibgeschütztGibt eine Zahl zurück, die die innere Breite des Elements darstellt.
Element.currentCSSZoomSchreibgeschütztEine Zahl, die die effektive Zoomgröße des Elements angibt, oder 1.0, wenn das Element nicht gerendert wird.
Element.elementTimingExperimentellEin String, der das
elementtiming-Attribut widerspiegelt und ein Element zur Beobachtung in derPerformanceElementTiming-API kennzeichnet.Element.firstElementChildSchreibgeschütztGibt das erste Kindelement dieses Elements zurück.
Element.idEin String, der die ID des Elements darstellt.
Element.innerHTMLEin String, der die Markierung des Inhalts des Elements darstellt.
Element.lastElementChildSchreibgeschütztGibt das letzte Kindelement dieses Elements zurück.
Element.localNameSchreibgeschütztEin String, der den lokalen Teil des qualifizierten Namens des Elements darstellt.
Element.namespaceURISchreibgeschütztDer Namensraum-URI des Elements oder
null, wenn es keinen Namensraum gibt.Element.nextElementSiblingSchreibgeschütztEin
Element, das Element unmittelbar nach dem gegebenen im Baum, odernull, wenn es keinen Geschwisterknoten gibt.Element.outerHTMLEin String, der die Markierung des Elements einschließlich seines Inhalts darstellt. Bei Verwendung als Setter wird das Element durch aus dem gegebenen String geparste Knoten ersetzt.
Element.partBezeichnet die Part-Identifier des Elements (d.h. anhand des
part-Attributs gesetzt), zurückgegeben als einDOMTokenList.Element.prefixSchreibgeschütztEin String, der das Namensraum-Präfix des Elements darstellt, oder
null, wenn kein Präfix angegeben ist.Element.previousElementSiblingSchreibgeschütztEin
Element, das Element unmittelbar vor dem gegebenen im Baum, odernull, wenn es keinen Geschwisterknoten gibt.Element.scrollHeightSchreibgeschütztGibt eine Zahl zurück, die die Scroll-Ansichtshöhe eines Elements darstellt.
Element.scrollLeftEine Zahl, die den linken Scrollversatz des Elements darstellt.
Element.scrollLeftMaxNicht standardisiertSchreibgeschütztGibt eine Zahl zurück, die den maximalen linken Scrollversatz darstellt, der für das Element möglich ist.
Element.scrollTopEine Zahl, die die Anzahl der Pixel darstellt, um die der obere Teil des Elements vertikal gescrollt wird.
Element.scrollTopMaxNicht standardisiertSchreibgeschütztGibt eine Zahl zurück, die den maximalen oberen Scrollversatz darstellt, der für das Element möglich ist.
Element.scrollWidthSchreibgeschütztGibt eine Zahl zurück, die die Scroll-Ansichtsbreite des Elements darstellt.
Element.shadowRootSchreibgeschütztGibt das offene Schatten-Root zurück, das vom Element gehostet wird, oder null, wenn kein offenes Schatten-Root vorhanden ist.
Element.slotGibt den Namen des Schatten-DOM-Slots zurück, in den das Element eingefügt wird.
Element.tagNameSchreibgeschütztGibt einen String mit dem Namen des Tags für das gegebene Element zurück.
Instanz-Eigenschaften, die von ARIA enthalten sind
DasElement-Interface enthält auch die folgenden Eigenschaften.
Element.ariaAtomicEin String, der das
aria-atomic-Attribut widerspiegelt, welches angibt, ob unterstützende Technologien die gesamte oder nur Teile der geänderten Region basierend auf den durch dasaria-relevant-Attribut definierten Änderungsmitteilungen präsentieren werden.Element.ariaAutoCompleteEin String, der das
aria-autocomplete-Attribut widerspiegelt, welches angibt, ob die Eingabe von Text eine oder mehrere Vorhersagen über den beabsichtigten Wert des Benutzers für eine Kombinationsbox, Suchbox oder Textbox auslösen könnte, und wie Vorhersagen präsentiert würden, falls sie gemacht werden.Element.ariaBrailleLabelEin String, der das
aria-braillelabel-Attribut widerspiegelt, welches das Braille-Label des Elements definiert.Element.ariaBrailleRoleDescriptionEin String, der das
aria-brailleroledescription-Attribut widerspiegelt, welches die ARIA-Braille-Rollenbeschreibung des Elements definiert.Element.ariaBusyEin String, der das
aria-busy-Attribut widerspiegelt, welches angibt, ob ein Element modifiziert wird, da unterstützende Technologien möglicherweise warten möchten, bis die Modifikationen abgeschlossen sind, bevor sie dem Benutzer präsentiert werden.Element.ariaCheckedEin String, der das
aria-checked-Attribut widerspiegelt, welches den aktuellen „geprüften“ Status von Kontrollkästchen, Optionsfeldern und anderen Widgets, die einen überprüften Status haben, angibt.Element.ariaColCountEin String, der das
aria-colcount-Attribut widerspiegelt, welches die Anzahl der Spalten in einer Tabelle, einem Raster oder Baumraster definiert.Element.ariaColIndexEin String, der das
aria-colindex-Attribut widerspiegelt, welches den Spaltenindex oder die Position eines Elements in Bezug auf die Gesamtzahl der Spalten innerhalb einer Tabelle, eines Rasters oder Baumrasters definiert.Element.ariaColIndexTextEin String, der das
aria-colindextext-Attribut widerspiegelt, welches eine menschenlesbare Textalternative füraria-colindexdefiniert.Element.ariaColSpanEin String, der das
aria-colspan-Attribut widerspiegelt, welches die Anzahl der von einer Zelle oder Gitterzelle in einer Tabelle, einem Raster oder Baumraster überspannten Spalten definiert.Element.ariaCurrentEin String, der das
aria-current-Attribut widerspiegelt, welches das Element angibt, das das aktuelle Element innerhalb eines Containers oder einer Gruppe verwandter Elemente darstellt.Element.ariaDescriptionEin String, der das
aria-description-Attribut widerspiegelt, welches einen Stringwert definiert, der das aktuelle Element beschreibt oder annotiert.Element.ariaDisabledEin String, der das
aria-disabled-Attribut widerspiegelt, welches angibt, dass das Element wahrnehmbar, aber deaktiviert ist, sodass es nicht bearbeitet oder anderweitig bedienbar ist.Element.ariaExpandedEin String, der das
aria-expanded-Attribut widerspiegelt, welches angibt, ob ein von diesem Element besessenes oder kontrolliertes Gruppierungselement erweitert oder reduziert ist.Element.ariaHasPopupEin String, der das
aria-haspopup-Attribut widerspiegelt, welches die Verfügbarkeit und Art eines interaktiven Popupelements, wie Menü oder Dialog, das durch ein Element ausgelöst werden kann, angibt.Element.ariaHiddenEin String, der das
aria-hidden-Attribut widerspiegelt, welches angibt, ob das Element über eine Zugänglichkeits-API zugänglich gemacht wird.Element.ariaInvalidEin String, der das
aria-invalid-Attribut widerspiegelt, welches angibt, dass der eingegebene Wert nicht dem Format entspricht, welches die Anwendung erwartet.Element.ariaKeyShortcutsEin String, der das
aria-keyshortcuts-Attribut widerspiegelt, welches die Tastaturkurzbefehle angibt, die ein Autor implementiert hat, um ein Element zu aktivieren oder den Fokus darauf zu setzen.Element.ariaLabelEin String, der das
aria-label-Attribut widerspiegelt, welches einen Stringwert definiert, der das aktuelle Element beschriftet.Element.ariaLevelEin String, der das
aria-level-Attribut widerspiegelt, welches die hierarchische Ebene eines Elements innerhalb einer Struktur definiert.Element.ariaLiveEin String, der das
aria-live-Attribut widerspiegelt, welches angibt, dass ein Element aktualisiert wird und die Arten der Aktualisierungen beschreibt, die Benutzeragenten, unterstützende Technologien und Benutzer von der Live-Region erwarten können.Element.ariaModalEin String, der das
aria-modal-Attribut widerspiegelt, welches angibt, ob ein Element modal ist, wenn es angezeigt wird.Element.ariaMultilineEin String, der das
aria-multiline-Attribut widerspiegelt, welches angibt, ob eine Textbox mehrere Eingabezeilen oder nur eine einzelne Zeile akzeptiert.Element.ariaMultiSelectableEin String, der das
aria-multiselectable-Attribut widerspiegelt, welches angibt, dass der Benutzer mehr als ein Element aus den derzeit auswählbaren Nachkommen auswählen kann.Element.ariaOrientationEin String, der das
aria-orientation-Attribut widerspiegelt, welches angibt, ob die Orientierung des Elements horizontal, vertikal oder unbekannt/mehrdeutig ist.Element.ariaPlaceholderEin String, der das
aria-placeholder-Attribut widerspiegelt, welches einen kurzen Hinweis definiert, der dem Benutzer bei der Dateneingabe helfen soll, wenn das Steuerungselement keinen Wert hat.Element.ariaPosInSetEin String, der das
aria-posinset-Attribut widerspiegelt, welches die Nummer oder Position eines Elements im aktuellen Set von Listenelementen oder Baumelementen definiert.Element.ariaPressedEin String, der das
aria-pressed-Attribut widerspiegelt, welches den aktuellen „gedrückten“ Status von Umschaltknöpfen angibt.Element.ariaReadOnlyEin String, der das
aria-readonly-Attribut widerspiegelt, welches angibt, dass das Element nicht bearbeitbar ist, aber anderweitig bedienbar ist.Element.ariaRelevantNicht standardisiertEin String, der das
aria-relevant-Attribut widerspiegelt, welches angibt, welche Benachrichtigungen der Benutzeragent auslösen wird, wenn der Zugänglichkeitsbaum innerhalb einer Live-Region geändert wird. Dies wird verwendet, um zu beschreiben, welche Änderungen in eineraria-live-Region relevant sind und angekündigt werden sollten.Element.ariaRequiredEin String, der das
aria-required-Attribut widerspiegelt, welches angibt, dass eine Benutzereingabe für das Element erforderlich ist, bevor ein Formular gesendet werden kann.Element.ariaRoleDescriptionEin String, der das
aria-roledescription-Attribut widerspiegelt, welches eine menschenlesbare, vom Autor lokalisierte Beschreibung für die Rolle eines Elements definiert.Element.ariaRowCountEin String, der das
aria-rowcount-Attribut widerspiegelt, welches die Gesamtzahl der Zeilen in einer Tabelle, einem Raster oder Baumraster definiert.Element.ariaRowIndexEin String, der das
aria-rowindex-Attribut widerspiegelt, welches den Zeilenindex eines Elements oder die Position in Bezug auf die Gesamtzahl der Zeilen innerhalb einer Tabelle, eines Rasters oder Baumrasters definiert.Element.ariaRowIndexTextEin String, der das
aria-rowindextext-Attribut widerspiegelt, welches eine menschenlesbare Textalternative füraria-rowindexdefiniert.Element.ariaRowSpanEin String, der das
aria-rowspan-Attribut widerspiegelt, welches die Anzahl der von einer Zelle oder Gitterzelle in einer Tabelle, einem Raster oder Baumraster überspannten Zeilen definiert.Element.ariaSelectedEin String, der das
aria-selected-Attribut widerspiegelt, welches den aktuellen „ausgewählten“ Status von Elementen, die einen ausgewählten Status haben, angibt.Element.ariaSetSizeEin String, der das
aria-setsize-Attribut widerspiegelt, welches die Anzahl der Elemente im aktuellen Set von Listenelementen oder Baumelementen definiert.Element.ariaSortEin String, der das
aria-sort-Attribut widerspiegelt, welches angibt, ob Elemente in einer Tabelle oder einem Raster in aufsteigender oder absteigender Reihenfolge sortiert sind.Element.ariaValueMaxEin String, der das
aria-valueMax-Attribut widerspiegelt, welches den maximal zulässigen Wert für ein Bereichs-Widget definiert.Element.ariaValueMinEin String, der das
aria-valueMin-Attribut widerspiegelt, welches den minimal zulässigen Wert für ein Bereichs-Widget definiert.Element.ariaValueNowEin String, der das
aria-valueNow-Attribut widerspiegelt, welches den aktuellen Wert für ein Bereichs-Widget definiert.Element.ariaValueTextEin String, der das
aria-valuetext-Attribut widerspiegelt, welches die menschenlesbare Textalternative zuaria-valuenowfür ein Bereichs-Widget definiert.Element.roleEin String, der das explizit gesetzte
role-Attribut widerspiegelt, welches die semantische Rolle des Elements angibt.
Instanz-Eigenschaften reflektiert von ARIA-Elementreferenzen
Die Eigenschaften spiegeln die von ID-Referenz in den entsprechenden Attributen angegebenen Elemente wider, jedoch mit einigen Einschränkungen. SieheReflektierte Elementreferenzen imReflektierte Attribute Leitfaden für weitere Informationen.
Element.ariaActiveDescendantElementEin Element, das das aktuelle aktive Element darstellt, wenn der Fokus auf einem
compositeWidget, einercombobox, einertextbox, einergroup, oder einerapplicationliegt.Spiegelt dasaria-activedescendant-Attribut wider.Element.ariaControlsElementsEin Array von Elementen, deren Inhalt oder Präsenz durch das Element, auf welches angewendet wird, kontrolliert wird.Spiegelt das
aria-controls-Attribut wider.Element.ariaDescribedByElementsEin Array von Elementen, die die zugängliche Beschreibung für das Element, auf welches angewendet wird, enthalten.Spiegelt das
aria-describedby-Attribut wider.Element.ariaDetailsElementsEin Array von Elementen, die zugängliche Details für das Element, auf welches angewendet wird, bereitstellen.Spiegelt das
aria-details-Attribut wider.Element.ariaErrorMessageElementsEin Array von Elementen, die eine Fehlermeldung für das Element, auf welches angewendet wird, bereitstellen.Spiegelt das
aria-errormessage-Attribut wider.Element.ariaFlowToElementsEin Array von Elementen, das das nächste Element (oder die nächsten Elemente) in einer alternativen Lesereihenfolge von Inhalten identifiziert und die allgemeine Standardlesereihenfolge bei Bedarf des Benutzers überschreibt.Spiegelt das
aria-flowto-Attribut wider.Element.ariaLabelledByElementsEin Array von Elementen, das den zugänglichen Namen für das Element, auf welches angewendet wird, bereitstellt.Spiegelt das
aria-labelledby-Attribut wider.Element.ariaOwnsElementsEin Array von Elementen, die von dem Element besessen werden, auf das dies angewendet wird.Dies wird verwendet, um eine visuelle, funktionale oder kontextuelle Beziehung zwischen einem Elternteil und seinen Kindelementen zu definieren, wenn die DOM-Hierarchie nicht zur Darstellung der Beziehung verwendet werden kann.Spiegelt das
aria-owns-Attribut wider.
Instanz-Methoden
Element erbt Methoden von seinen ElternNode, und dem eigenen Elternteil,EventTarget.
Element.after()Fügt eine Menge von
Node-Objekten oder Strings in die Kinderliste des Elternteils desElementein, direkt nach demElement.Element.animate()Eine Shortcut-Methode, um eine Animation auf einem Element zu erstellen und auszuführen. Gibt das erstellte Animationsobjekt zurück.
Element.ariaNotify()ExperimentellNicht standardisiertGibt an, dass eine bestimmte Zeichenkette 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 Schatten-DOM-Baum an das angegebene Element an und gibt eine Referenz auf das
ShadowRootzurück.Element.before()Fügt eine Menge von
Node-Objekten oder Strings in die Kinderliste des Elternteils desElementein, direkt vor demElement.Element.checkVisibility()Gibt zurück, ob ein Element voraussichtlich sichtbar ist oder nicht basierend auf konfigurierbaren Prüfungen.
Element.closest()Gibt das
Elementzurück, das der nächste Vorfahre des aktuellen Elements ist (oder das aktuelle Element selbst), das den im Parameter angegebenen Selektoren entspricht.Element.computedStyleMap()Gibt eine
StylePropertyMapReadOnly-Schnittstelle zurück, die eine schreibgeschützte Darstellung eines CSS-Deklarationsblocks bietet, der eine Alternative zuCSSStyleDeclarationdarstellt.Element.getAnimations()Gibt ein Array von Animationen zurück, die derzeit auf dem Element aktiv sind.
Element.getAttribute()Ruft den Wert des benannten Attributs vom aktuellen Knoten ab und gibt ihn als Zeichenkette zurück.
Element.getAttributeNames()Gibt ein Array von Attributnamen des aktuellen Elements zurück.
Element.getAttributeNode()Ruft die Knotendarstellung des benannten Attributs vom aktuellen Knoten ab und gibt sie als
Attrzurück.Element.getAttributeNodeNS()Ruft die Knotendarstellung des Attributs mit dem spezifizierten Namen und Namensraum vom aktuellen Knoten ab und gibt sie als
Attrzurück.Element.getAttributeNS()Ruft den Wert des Attributs mit dem spezifizierten Namensraum und Namen vom aktuellen Knoten ab und gibt ihn als Zeichenkette zurück.
Element.getBoundingClientRect()Gibt die Größe eines Elements und seine Position relativ zum Viewport zurück.
Element.getBoxQuads()ExperimentellGibt eine Liste von
DOMQuad-Objekten zurück, die die CSS-Fragmente des Knotens darstellen.Element.getClientRects()Gibt eine Sammlung von Rechtecken zurück, die die Begrenzungsrechtecke für jede Textzeile in einem Client darstellen.
Element.getElementsByClassName()Gibt eine Live-
HTMLCollectionzurück, die alle Nachkommen des aktuellen Elements enthält, die über die im Parameter angegebene Klassenliste verfügen.Element.getElementsByTagName()Gibt eine Live-
HTMLCollectionzurück, die alle Nachkommerelemente eines bestimmten Tag-Namens des aktuellen Elements enthält.Element.getElementsByTagNameNS()Gibt eine Live-
HTMLCollectionzurück, die alle Nachkommerelemente eines bestimmten Tag-Namens und Namensraums des aktuellen Elements enthält.Element.getHTML()Gibt den DOM-Inhalt des Elements als HTML-String zurück, optional einschließlich jedes Schatten-DOM.
Element.hasAttribute()Gibt einen booleschen Wert zurück, der angibt, ob das Element das spezifizierte Attribut hat oder nicht.
Element.hasAttributeNS()Gibt einen booleschen Wert zurück, der angibt, ob das Element über das spezifizierte Attribut, im spezifizierten Namensraum, verfügt oder nicht.
Element.hasAttributes()Gibt einen booleschen Wert zurück, der angibt, ob das Element über ein oder mehrere HTML-Attribute verfügt.
Element.hasPointerCapture()Gibt an, ob das Element, auf dem es aufgerufen wird, den Zeiger für das durch die gegebene Zeiger-ID identifizierte Ereignis erfasst hat.
Element.insertAdjacentElement()Fügt ein gegebenes Element an einer gegebenen Position relativ zum aufgerufenem Element ein.
Element.insertAdjacentHTML()Parst den Text als HTML oder XML und fügt die resultierenden Knoten in der angegebenen Position in den Baum ein.
Element.insertAdjacentText()Fügt einen gegebenen Textknoten an einer gegebenen Position relativ zum aufgerufenem Element ein.
Element.matches()Gibt einen booleschen Wert zurück, der angibt, ob das Element durch den angegebenen Selektor-String ausgewählt werden würde.
Element.moveBefore()Verschiebt einen angegebenen
Nodeinnerhalb des aufrufenden Knotens als direktes Kind vor einen angegebenen Referenzknoten, ohne den Knoten zu entfernen und neu einzufügen.Element.prepend()Fügt eine Menge von
Node-Objekten oder Strings vor dem ersten Kind des Elements ein.Element.querySelector()Gibt den ersten
Nodezurück, der dem angegebenen Selektor-String relativ zu dem Element entspricht.Element.querySelectorAll()Gibt eine
NodeListvon Knoten zurück, die dem angegebenen Selektor-String relativ zu dem Element entsprechen.Element.releasePointerCapture()Gibt die Zeigererfassung frei (stoppt sie), die zuvor für ein spezifisches
PointerEventgesetzt wurde.Element.remove()Entfernt das Element aus der Kinderliste seines Elternteils.
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 Namensraum vom aktuellen Knoten.
Element.replaceChildren()Ersetzt die vorhandenen Kinder eines
Nodedurch eine angegebene neue Menge von Kindern.Element.replaceWith()Ersetzt das Element in der Kinderliste seines Elternteils durch eine Menge von
Node-Objekten oder Strings.Element.requestFullscreen()Fordert asynchron den Browser auf, das Element im Vollbild anzuzeigen.
Element.requestPointerLock()Erlaubt es, asynchron zu verlangen, dass der Zeiger auf dem gegebenen Element gesperrt wird.
Element.scroll()Scrollt zu einem bestimmten Koordinatenset innerhalb eines gegebenen Elements.
Element.scrollBy()Scrollt ein Element um den angegebenen Betrag.
Element.scrollIntoView()Scrollt die Seite, bis das Element sichtbar wird.
Element.scrollIntoViewIfNeeded()Nicht standardisiertScrollt das aktuelle Element in den sichtbaren Bereich des Browserfensters, wenn es sich nicht bereits innerhalb des sichtbaren Bereichs des Browserfensters befindet.Verwenden Sie stattdessen den standardmäßigen
Element.scrollIntoView().Element.scrollTo()Scrollt zu einem bestimmten Koordinatenset innerhalb eines gegebenen Elements.
Element.setAttribute()Setzt den Wert eines benannten Attributs des aktuellen Knotens.
Element.setAttributeNode()Setzt die Knotendarstellung des benannten Attributs vom aktuellen Knoten.
Element.setAttributeNodeNS()Setzt die Knotendarstellung des Attributs mit dem spezifizierten Namen und Namensraum vom aktuellen Knoten.
Element.setAttributeNS()Setzt den Wert des Attributs mit dem spezifizierten Namen und Namensraum vom aktuellen Knoten.
Element.setCapture()Nicht standardisiertVeraltetRichtet die Erfassung von Mausereignissen ein und leitet alle Mausereignisse an dieses Element um.
Element.setHTML()Sicherer KontextExperimentellParst undsaniert einen HTML-String in ein Dokumentfragment, welches dann den ursprünglichen Unterbaum des Elements im DOM ersetzt.
Element.setHTMLUnsafe()Parst einen HTML-String in ein Dokumentfragment, ohne Sanitierung, welches dann den ursprünglichen Unterbaum des Elements im DOM ersetzt. Der HTML-String kann deklarative Schatten-Wurzeln beinhalten, die als Vorlagelemente geparst würden, wenn das HTML mit
Element.innerHTMLgesetzt worden wäre.Element.setPointerCapture()Weist ein bestimmtes Element als Erfassungsziel für zukünftigeZeigereignisse zu.
Element.toggleAttribute()Wechselt ein boolesches Attribut, entfernt es, wenn es vorhanden ist, und fügt es hinzu, wenn es nicht vorhanden ist, auf dem angegebenen Element.
Ereignisse
Hören Sie diese Ereignisse mitaddEventListener() oder durch Zuweisen eines Ereignislisteners zuroneventname-Eigenschaft dieses Interfaces.
afterscriptexecuteNicht standardisiertVeraltetWird ausgelöst, wenn ein Skript ausgeführt wurde.
beforeinputWird ausgelöst, wenn der Wert eines Eingabeelements geändert werden soll.
beforematchWird auf einem Element ausgelöst, das sich imversteckten bis gefundenen Zustand befindet, wenn der Browser im Begriff ist, seinen Inhalt zu enthüllen, weil der Benutzer den Inhalt über die "Seite finden"-Funktion oder durch Fragmentnavigation gefunden hat.
beforescriptexecuteNicht standardisiertVeraltetWird ausgelöst, wenn ein Skript ausgeführt werden soll.
beforexrselectExperimentellWird vor WebXR-Auswahlevents (
select,selectstart,selectend) versandt.contentvisibilityautostatechangeWird auf jedem Element mit
content-visibility: autogesetzt, wenn es beginnt oder aufhörtfür den Benutzer relevant zu sein und seinen Inhaltüberspringt.inputWird ausgelöst, wenn der Wert eines Elements durch eine direkte Benutzeraktion geändert wird.
securitypolicyviolationWird ausgelöst, wenn eineContent Security Policy verletzt wird.
wheelWird ausgelöst, wenn der Benutzer ein Rad auf einem Zeigegerät (normalerweise eine Maus) dreht.
Animationsereignisse
animationcancelWird ausgelöst, wenn eine Animation unerwartet abbricht.
animationendWird ausgelöst, wenn eine Animation normal beendet wird.
animationiterationWird ausgelöst, wenn eine Animation eine Iteration abgeschlossen hat.
animationstartWird ausgelöst, wenn eine Animation startet.
Zwischenablagenevents
copyWird ausgelöst, wenn der Benutzer eine Kopieraktion über die Benutzeroberfläche des Browsers startet.
cutWird ausgelöst, wenn der Benutzer eine Ausschneideaktion über die Benutzeroberfläche des Browsers startet.
pasteWird ausgelöst, wenn der Benutzer eine Einfügeaktion über die Benutzeroberfläche des Browsers startet.
Kompositionsevents
compositionendWird ausgelöst, wenn ein Textkompositionssystem, wie einEingabemethoden-Editor, die aktuelle Kompositionssitzung abschließt oder abbricht.
compositionstartWird ausgelöst, wenn ein Textkompositionssystem, wie einEingabemethoden-Editor, eine neue Kompositionssitzung startet.
compositionupdateWird ausgelöst, wenn ein neues Zeichen im Kontext einer durch ein Textkompositionssystem wie einEingabemethoden-Editor gesteuerten Textkompositionssitzung empfangen wird.
Fokusevents
Vollbildereignisse
fullscreenchangeWird an ein
Elementgesendet, wenn es in den oder aus demVollbildmodus wechselt.fullscreenerrorWird an ein
Elementgesendet, wenn ein Fehler beim Versuch auftritt, es in den oder aus demVollbildmodus zu schalten.
Tastaturereignisse
Mausereignisse
auxclickWird 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 wird.
clickWird ausgelöst, wenn eine Zeigegerätetaste (z. B. die Primärtaste einer Maus) auf einem einzigen Element gedrückt und losgelassen wird.
contextmenuWird ausgelöst, wenn der Benutzer versucht, ein Kontextmenü zu öffnen.
dblclickWird ausgelöst, wenn eine Zeigegerätetaste (z. B. die Primärtaste einer Maus) zweimal auf einem einzigen Element angeklickt wird.
DOMActivateVeraltetTritt auf, wenn ein Element aktiviert wird, z. B. durch einen Mausklick oder einen Tastendruck.
DOMMouseScrollVeraltetNicht standardisiertTritt auf, wenn ein Mausrad oder ähnliches Gerät bedient wird und der aufgelaufene Scrollbetrag seit dem letzten Ereignis über 1 Zeile oder 1 Seite beträgt.
mousedownWird ausgelöst, wenn eine Zeigegerätetaste auf einem Element gedrückt wird.
mouseenterWird ausgelöst, wenn ein Zeigegerät (normalerweise eine Maus) über das Element bewegt wird, an dem der Listener angebracht ist.
mouseleaveWird ausgelöst, wenn der Zeiger eines Zeigegeräts (normalerweise einer Maus) aus einem Element herausbewegt wird, an dem der Listener angebracht ist.
mousemoveWird ausgelöst, wenn ein Zeigegerät (normalerweise eine Maus) bewegt wird, während es sich über einem Element befindet.
mouseoutWird ausgelöst, wenn ein Zeigegerät (normalerweise eine Maus) das Element, an dem der Listener angebracht ist, oder eines seiner Kinder verlässt.
mouseoverWird ausgelöst, wenn ein Zeigegerät auf das Element, an dem der Listener angebracht ist, oder auf eines seiner Kinder bewegt wird.
mouseupWird ausgelöst, wenn eine Zeigegerätetaste auf einem Element losgelassen wird.
mousewheelVeraltetNicht standardisiertWird ausgelöst, wenn ein Mausrad oder ähnliches Gerät bedient wird.
MozMousePixelScrollVeraltetNicht standardisiertWird ausgelöst, wenn ein Mausrad oder ähnliches Gerät bedient wird.
webkitmouseforcechangedNicht standardisiertWird jedes Mal ausgelöst, wenn sich der Druck auf die Touchscreen-Oberfläche des Trackpads ändert.
webkitmouseforcedownNicht standardisiertWird nach dem Mousedown-Ereignis ausgelöst, sobald ausreichend Druck ausgeübt wurde, um als "Force Click" zu qualifizieren.
webkitmouseforcewillbeginNicht standardisiertWird vor dem Mousedown-Ereignis ausgelöst.
webkitmouseforceupNicht standardisiertWird nach dem Webkitforceforcedown-Ereignis ausgelöst, sobald der Druck ausreichend reduziert wurde, um den "Force Click" zu beenden.
Zeigerereignisse
gotpointercaptureWird ausgelöst, wenn ein Element einen Zeiger mit
setPointerCapture()erfasst.lostpointercaptureWird ausgelöst, wenn einerfasster Zeiger freigegeben wird.
pointercancelWird ausgelöst, wenn ein Zeigerevent abgebrochen wird.
pointerdownWird ausgelöst, wenn ein Zeiger aktiv wird.
pointerenterWird ausgelöst, wenn ein Zeiger in die Treffpunktgrenzen eines Elements oder eines seiner Nachkommen bewegt wird.
pointerleaveWird ausgelöst, wenn ein Zeiger die Treffpunktgrenzen eines Elements verlässt.
pointermoveWird ausgelöst, wenn ein Zeiger die Koordinaten ändert.
pointeroutWird ausgelöst, wenn ein Zeiger aus den Treffpunktgrenzen eines Elements bewegt wird (unter anderem aus Gründen).
pointeroverWird ausgelöst, wenn ein Zeiger in die Treffpunktgrenzen eines Elements bewegt wird.
pointerrawupdateWird ausgelöst, wenn ein Zeiger Eigenschaften ändert, die keine
pointerdownoderpointerupEreignisse auslösen.pointerupWird ausgelöst, wenn ein Zeiger nicht länger aktiv ist.
Rollbewegungs-Ereignisse
scrollWird ausgelöst, wenn die Dokumentansicht oder ein Element gescrollt wurde.
scrollendWird ausgelöst, wenn das Scrollen der Dokumentansicht abgeschlossen ist.
scrollsnapchangeExperimentellWird am Scroll-Container am Ende eines Scroll-Vorgangs ausgelöst, wenn ein neues Scroll-Snap-Ziel ausgewählt wurde.
scrollsnapchangingExperimentellWird am Scroll-Container ausgelöst, wenn der Browser bestimmt, dass ein neues Scroll-Snap-Ziel ansteht, d.h. ausgewählt wird, wenn die aktuelle Scroll-Geste endet.
Berührungsevents
gesturechangeNicht standardisiertWird ausgelöst, wenn sich Digits während einer Berührungsgeste bewegen.
gestureendNicht standardisiertWird ausgelöst, wenn keine weiteren Finger die Berührungsoberfläche mehr kontaktieren, wodurch die Geste endet.
gesturestartNicht standardisiertWird ausgelöst, wenn mehrere Finger die Berührungsoberfläche kontaktieren, wodurch eine neue Geste gestartet wird.
touchcancelWird ausgelöst, wenn ein oder mehrere Berührungspunkte in einer Implementierungsspezifischen Weise unterbrochen wurden (zum Beispiel, wenn zu viele Berührungspunkte erstellt werden).
touchendWird ausgelöst, wenn ein oder mehrere Berührungspunkte von der Berührungsoberfläche entfernt werden.
touchmoveWird ausgelöst, wenn ein oder mehrere Berührungspunkte entlang der Berührungsfläche bewegt werden.
touchstartWird ausgelöst, wenn ein oder mehrere Berührungspunkte auf die Berührungsfläche gelegt werden.
Übergangsereignisse
transitioncancelEin
Event, das ausgelöst wird, wenn einCSS-Übergang abgebrochen wurde.transitionendEin
Event, das ausgelöst wird, wenn einCSS-Übergang fertig abgespielt wurde.transitionrunEin
Event, das ausgelöst wird, wenn einCSS-Übergang erstellt wird (d.h. wenn er zu einem Set von laufenden Übergängen hinzugefügt wird), obwohl er nicht unbedingt gestartet wurde.transitionstartEin
Event, das ausgelöst wird, wenn einCSS-Übergang beginnt, überzugehen.