Element
Baseline
Weitgehend verfügbar
*
Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit Juli 2015 browserübergreifend verfügbar.
* Einige Teile dieser Funktion werden möglicherweise unterschiedlich gut unterstützt.
Element ist die allgemeinste Basisklasse, von der alle Element-Objekte (also Objekte, die Elemente repräsentieren) in einem Document erben. Es verfügt nur über Methoden und Eigenschaften, die allen Arten von Elementen gemeinsam sind. Spezifischere Klassen erben von Element.
Zum Beispiel ist die HTMLElement-Schnittstelle die Basisschnittstelle für HTML-Elemente. Ähnlich ist die SVGElement-Schnittstelle die Grundlage für alle SVG-Elemente und die MathMLElement-Schnittstelle ist die Basisschnittstelle für MathML-Elemente. Der Großteil der Funktionalität wird weiter unten in der Klassenhierarchie spezifiziert.
Sprachen außerhalb der Webplattform, wie XUL durch die XULElement-Schnittstelle, implementieren ebenfalls Element.
Instanzeigenschaften
Element erbt Eigenschaften von seiner Elternschnittstelle, Node, und von der Elternschnittstelle dieser Schnittstelle, EventTarget.
Element.assignedSlotSchreibgeschützt-
Gibt ein
HTMLSlotElementzurück, das den<slot>darstellt, in den der Knoten eingefügt wird. Element.attributesSchreibgeschützt-
Gibt ein
NamedNodeMap-Objekt zurück, das die zugewiesenen Attribute des entsprechenden HTML-Elements enthält. Element.childElementCountSchreibgeschützt-
Gibt die Anzahl der Kindelemente dieses Elements zurück.
Element.childrenSchreibgeschützt-
Gibt die Kindelemente dieses Elements zurück.
Element.classListSchreibgeschützt-
Gibt eine
DOMTokenListzurück, die die Liste der Klassenattribute enthält. Element.className-
Ein String, der die Klasse des Elements darstellt.
Element.clientHeightSchreibgeschützt-
Gibt eine Zahl zurück, die die innere Höhe des Elements repräsentiert.
Element.clientLeftSchreibgeschützt-
Gibt eine Zahl zurück, die die Breite des linken Rands des Elements repräsentiert.
Element.clientTopSchreibgeschützt-
Gibt eine Zahl zurück, die die Breite des oberen Rands des Elements repräsentiert.
Element.clientWidthSchreibgeschützt-
Gibt eine Zahl zurück, die die innere Breite des Elements repräsentiert.
Element.currentCSSZoomSchreibgeschützt-
Eine Zahl, die die effektive Zoomgröße des Elements angibt, oder 1.0, wenn das Element nicht gerendert wird.
Element.customElementRegistrySchreibgeschützt-
Das
CustomElementRegistry-Objekt, das mit diesem Element verknüpft ist, odernull, wenn keines festgelegt wurde. Element.elementTimingExperimentell-
Ein String, der das
elementtiming-Attribut widerspiegelt, das ein Element für die Beobachtung in derPerformanceElementTiming-API markiert. Element.firstElementChildSchreibgeschü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.lastElementChildSchreibgeschützt-
Gibt das letzte Kindelement dieses Elements zurück.
Element.localNameSchreibgeschützt-
Ein String, der den lokalen Teil des qualifizierten Namens des Elements darstellt.
Element.namespaceURISchreibgeschützt-
Die Namensraum-URI des Elements, oder
null, wenn es keinen Namensraum gibt. Element.nextElementSiblingSchreibgeschützt-
Ein
Element, das Element, das unmittelbar auf das gegebene im Baum folgt, odernull, wenn es keinen Geschwisterknoten gibt. Element.outerHTML-
Ein String, der das Markup des Elements einschließlich seines Inhalts darstellt. Wenn als Setter verwendet, wird das Element durch Knoten ersetzt, die aus dem gegebenen String geparst wurden.
Element.part-
Stellt die Teilkennungen des Elements dar (d.h. mit dem
part-Attribut festgelegt), die alsDOMTokenListzurückgegeben werden. Element.prefixSchreibgeschützt-
Ein String, der das Namensraumprefix des Elements darstellt, oder
null, wenn kein Präfix angegeben ist. Element.previousElementSiblingSchreibgeschützt-
Ein
Element, das Element, das dem gegebenen im Baum unmittelbar vorausgeht, odernull, wenn es kein Geschwisterelement gibt. Element.scrollHeightSchreibgeschützt-
Gibt eine Zahl zurück, die die Scrollansichtshöhe eines Elements darstellt.
Element.scrollLeft-
Eine Zahl, die den linken Scroll-Versatz des Elements darstellt.
Element.scrollLeftMaxNicht standardisiert Schreibgeschützt-
Gibt eine Zahl zurück, die den maximalen linken Scroll-Versatz darstellt, der für das Element möglich ist.
Element.scrollTop-
Eine Zahl, die die Anzahl der Pixel darstellt, um die der obere Teil des Elements vertikal gescrollt wird.
Element.scrollTopMaxNicht standardisiert Schreibgeschützt-
Gibt eine Zahl zurück, die den maximalen oberen Scroll-Versatz darstellt, der für das Element möglich ist.
Element.scrollWidthSchreibgeschützt-
Gibt eine Zahl zurück, die die Scrollansichtsbreite des Elements darstellt.
Element.shadowRootSchreibgeschützt-
Gibt die offene Schattenwurzel zurück, die vom Element gehostet wird, oder null, wenn keine offene Schattenwurzel vorhanden ist.
Element.slot-
Gibt den Namen des Schatten-DOM-Slots zurück, in den das Element eingefügt wird.
Element.tagNameSchreibgeschützt-
Gibt einen String mit dem Namen des Tags für das gegebene Element zurück.
Instanzeigenschaften aus ARIA
Die Element-Schnittstelle umfasst auch die folgenden Eigenschaften.
Element.ariaAtomic-
Ein String, der das
aria-atomic-Attribut widerspiegelt, das angibt, ob unterstützende Technologien den gesamten oder nur Teile des geänderten Bereichs aufgrund der durch dasaria-relevant-Attribut definierten Änderungsbenachrichtigungen präsentieren werden. Element.ariaAutoComplete-
Ein String, der das
aria-autocomplete-Attribut widerspiegelt, das anzeigt, ob die Eingabe von Text die Anzeige einer oder mehrerer Vorhersagen des vom Nutzer beabsichtigten Wertes für ein Kombinationsfeld, Suchfeld oder Textfeld auslösen könnte, und wie diese Vorhersagen dargestellt würden, falls sie gemacht wurden. Element.ariaBrailleLabel-
Ein String, der das
aria-braillelabel-Attribut widerspiegelt, das die Braille-Beschriftung des Elements definiert. Element.ariaBrailleRoleDescription-
Ein String, der das
aria-brailleroledescription-Attribut widerspiegelt, das die ARIA-Braille-Rollenbeschreibung des Elements definiert. Element.ariaBusy-
Ein String, der das
aria-busy-Attribut widerspiegelt, das angibt, ob ein Element verändert wird, da unterstützende Technologien möglicherweise warten wollen, bis die Änderungen abgeschlossen sind, bevor sie sie dem Nutzer zugänglich machen. Element.ariaChecked-
Ein String, der das
aria-checked-Attribut widerspiegelt, das den aktuellen "überprüften" Zustand von Kontrollkästchen, Optionsfeldern und anderen Widgets, die einen überprüften Zustand haben, angibt. Element.ariaColCount-
Ein String, der das
aria-colcount-Attribut widerspiegelt, das die Anzahl der Spalten in einer Tabelle, einem Raster oder einem Baumraster definiert. Element.ariaColIndex-
Ein String, der das
aria-colindex-Attribut widerspiegelt, das den Spaltenindex oder die Position eines Elements in Bezug auf die Gesamtanzahl der Spalten innerhalb einer Tabelle, eines Rasters oder Baumrasters definiert. Element.ariaColIndexText-
Ein String, der das
aria-colindextext-Attribut widerspiegelt, das eine menschenlesbare Textalternative zu aria-colindex definiert. Element.ariaColSpan-
Ein String, der das
aria-colspan-Attribut widerspiegelt, das die Anzahl der Spalten definiert, die von einer Zelle oder Rasterzelle innerhalb einer Tabelle, eines Rasters oder Baumrasters überspannt werden. Element.ariaCurrent-
Ein String, der das
aria-current-Attribut widerspiegelt, das das Element angibt, das das aktuelle Element innerhalb eines Containers oder eines Satzes von verwandten Elementen repräsentiert. Element.ariaDescription-
Ein String, der das
aria-description-Attribut widerspiegelt, das einen String-Wert definiert, der das aktuelle Element beschreibt oder kommentiert. Element.ariaDisabled-
Ein String, der das
aria-disabled-Attribut widerspiegelt, das angibt, dass das Element wahrnehmbar, aber deaktiviert ist, so dass es nicht bearbeitet oder anderweitig bedienbar ist. Element.ariaExpanded-
Ein String, der das
aria-expanded-Attribut widerspiegelt, das angibt, ob ein Gruppenelement, das von diesem Element "besessen" oder kontrolliert wird, erweitert oder reduziert ist. Element.ariaHasPopup-
Ein String, der das
aria-haspopup-Attribut widerspiegelt, das die Verfügbarkeit und den Typ eines interaktiven Popup-Elements, wie einem Menü oder Dialog, angibt, das durch ein Element ausgelöst werden kann. -
Ein String, der das
aria-hidden-Attribut widerspiegelt, das angibt, ob das Element einer Zugänglichkeits-API offengelegt wird. Element.ariaInvalid-
Ein String, der das
aria-invalid-Attribut widerspiegelt, das angibt, dass der eingegebene Wert nicht dem vom Anwendung erwarteten Format entspricht. Element.ariaKeyShortcuts-
Ein String, der das
aria-keyshortcuts-Attribut widerspiegelt, das die Tastenkombinationen angibt, die ein Autor implementiert hat, um ein Element zu aktivieren oder ihm den Fokus zu geben. Element.ariaLabel-
Ein String, der das
aria-label-Attribut widerspiegelt, das einen String-Wert definiert, der das aktuelle Element beschriftet. Element.ariaLevel-
Ein String, der das
aria-level-Attribut widerspiegelt, das die hierarchische Ebene eines Elements innerhalb einer Struktur definiert. Element.ariaLive-
Ein String, der das
aria-live-Attribut widerspiegelt, das angibt, dass ein Element aktualisiert wird, und beschreibt die Arten von Aktualisierungen, die die Benutzeragenten, unterstützende Technologien und Benutzer erwarten können. Element.ariaModal-
Ein String, der das
aria-modal-Attribut widerspiegelt, das angibt, ob ein Element modal ist, wenn es angezeigt wird. Element.ariaMultiline-
Ein String, der das
aria-multiline-Attribut widerspiegelt, das angibt, ob ein Textfeld mehrere Eingabezeilen oder nur eine einzige Zeile akzeptiert. Element.ariaMultiSelectable-
Ein String, der das
aria-multiselectable-Attribut widerspiegelt, das angibt, dass der Benutzer mehr als ein Element von den aktuellen wählbaren Nachkommen auswählen kann. Element.ariaOrientation-
Ein String, der das
aria-orientation-Attribut widerspiegelt, das angibt, ob die Ausrichtung des Elements horizontal, vertikal oder unbekannt/mehrdeutig ist. Element.ariaPlaceholder-
Ein String, der das
aria-placeholder-Attribut widerspiegelt, das einen kurzen Hinweis definiert, der dem Benutzer bei der Dateneingabe helfen soll, wenn das Steuerungselement keinen Wert hat. Element.ariaPosInSet-
Ein String, der das
aria-posinset-Attribut widerspiegelt, das die Nummer oder Position eines Elements im aktuellen Satz von Listenelementen oder Baumelementen definiert. Element.ariaPressed-
Ein String, der das
aria-pressed-Attribut widerspiegelt, das den aktuellen "gedrückten" Zustand von Umschaltschaltern angibt. Element.ariaReadOnly-
Ein String, der das
aria-readonly-Attribut widerspiegelt, das angibt, dass das Element nicht bearbeitet werden kann, aber anderweitig bedienbar ist. Element.ariaRelevantNicht standardisiert-
Ein String, der das
aria-relevant-Attribut widerspiegelt, das angibt, welche Benachrichtigungen der Benutzeragent auslösen wird, wenn der Zugänglichkeitsbaum innerhalb eines Live-Bereichs geändert wird. Dies wird verwendet, um zu beschreiben, welche Änderungen in einemaria-live-Bereich relevant sind und angekündigt werden sollten. Element.ariaRequired-
Ein String, der das
aria-required-Attribut widerspiegelt, das angibt, dass Benutzereingaben für das Element erforderlich sind, bevor ein Formular übermittelt werden kann. Element.ariaRoleDescription-
Ein String, der das
aria-roledescription-Attribut widerspiegelt, das eine menschenlesbare, vom Autor lokalisierte Beschreibung der Rolle eines Elements definiert. Element.ariaRowCount-
Ein String, der das
aria-rowcount-Attribut widerspiegelt, das die Gesamtanzahl der Reihen in einer Tabelle, einem Raster oder Baumraster definiert. Element.ariaRowIndex-
Ein String, der das
aria-rowindex-Attribut widerspiegelt, das den Zeilenindex oder die Position eines Elements im Hinblick auf die Gesamtanzahl der Zeilen in einer Tabelle, einem Raster oder Baumraster definiert. Element.ariaRowIndexText-
Ein String, der das
aria-rowindextext-Attribut widerspiegelt, das eine menschenlesbare Textalternative zu aria-rowindex definiert. Element.ariaRowSpan-
Ein String, der das
aria-rowspan-Attribut widerspiegelt, das die Anzahl der Reihen definiert, die von einer Zelle oder Rasterzelle innerhalb einer Tabelle, eines Rasters oder Baumrasters überspannt werden. Element.ariaSelected-
Ein String, der das
aria-selected-Attribut widerspiegelt, das den aktuellen "ausgewählten" Zustand von Elementen angibt, die einen ausgewählten Zustand haben. Element.ariaSetSize-
Ein String, der das
aria-setsize-Attribut widerspiegelt, das die Anzahl der Elemente im aktuellen Satz von Listenelementen oder Baumelementen definiert. Element.ariaSort-
Ein String, der das
aria-sort-Attribut widerspiegelt, das angibt, ob Elemente in einer Tabelle oder einem Raster in aufsteigender oder absteigender Reihenfolge sortiert sind. Element.ariaValueMax-
Ein String, der das
aria-valueMax-Attribut widerspiegelt, das den maximal zugelassenen Wert für ein Bereichs-Widget definiert. Element.ariaValueMin-
Ein String, der das
aria-valueMin-Attribut widerspiegelt, das den minimal zugelassenen Wert für ein Bereichs-Widget definiert. Element.ariaValueNow-
Ein String, der das
aria-valueNow-Attribut widerspiegelt, das den aktuellen Wert für ein Bereichs-Widget definiert. Element.ariaValueText-
Ein String, der das
aria-valuetext-Attribut widerspiegelt, das die menschenlesbare Textalternative zuaria-valuenowfür ein Bereichs-Widget definiert. Element.role-
Ein String, der das explizit festgelegte
role-Attribut widerspiegelt, das die semantische Rolle des Elements bereitstellt.
Instanzeigenschaften, die von ARIA-Elementreferenzen widergespiegelt werden
Die Eigenschaften spiegeln die durch id-Referenzen in den entsprechenden Attributen angegebenen Elemente wider, jedoch mit einigen Vorbehalten. Siehe Reflected element references im Reflected attributes Leitfaden für weitere Informationen.
Element.ariaActiveDescendantElement-
Ein Element, das das aktuelle aktive Element darstellt, wenn der Fokus auf einem
composite-Widget,combobox,textbox,group, oderapplicationist. Spiegelt dasaria-activedescendant-Attribut wider. Element.ariaControlsElements-
Ein Array von Elementen, deren Inhalt oder Vorhandensein durch das Element gesteuert wird, auf das es angewendet wird. Spiegelt das
aria-controls-Attribut wider. Element.ariaDescribedByElements-
Ein Array von Elementen, die die zugängliche Beschreibung für das angewendete Element enthalten. Spiegelt das
aria-describedby-Attribut wider. Element.ariaDetailsElements-
Ein Array von Elementen, die zugängliche Details für das angewendete Element bereitstellen. Spiegelt das
aria-details-Attribut wider. Element.ariaErrorMessageElements-
Ein Array von Elementen, die für das angewendete Element eine Fehlermeldung bereitstellen. Spiegelt das
aria-errormessage-Attribut wider. Element.ariaFlowToElements-
Ein Array von Elementen, die das nächste Element (oder Elemente) in einer alternativen Lesereihenfolge des Inhalts identifizieren und die allgemeine Standardlesereihenfolge nach Ermessen des Benutzers überschreiben. Spiegelt das
aria-flowto-Attribut wider. Element.ariaLabelledByElements-
Ein Array von Elementen, die den zugänglichen Namen für das angewendete Element bereitstellen. Spiegelt das
aria-labelledby-Attribut wider. Element.ariaOwnsElements-
Ein Array von Elementen, die von dem Element "besessen" werden, auf das es angewendet wird. Dies wird verwendet, um eine visuelle, funktionale oder kontextuelle Beziehung zwischen einem übergeordneten Element und seinen Kinderelementen zu definieren, wenn die DOM-Hierarchie nicht verwendet werden kann, um die Beziehung darzustellen. Spiegelt das
aria-owns-Attribut wider.
Instanzmethoden
Element erbt Methoden von seinen Eltern Node und seiner eigenen Elternschnittstelle EventTarget.
Element.after()-
Fügt eine Reihe von
Node-Objekten oder Strings in der Kinderliste des Elternteils desElementhinzu, direkt nach demElement. Element.animate()-
Eine Abkürzungsmethode, um eine Animation auf einem Element zu erstellen und auszuführen. Gibt das erstellte Animation-Objekt-Instanz zurück.
Element.ariaNotify()-
Gibt an, dass ein gegebener Text von einem Bildschirmlesegerät angekündigt werden soll.
Element.append()-
Fügt eine Reihe von
Node-Objekten oder Strings nach dem letzten Kind des Elements ein. Element.attachShadow()-
Fügt einem angegebenen Element einen Schatten-DOM-Baum hinzu und gibt eine Referenz auf dessen
ShadowRootzurück. Element.before()-
Fügt eine Reihe von
Node-Objekten oder Strings in der 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 (oder das aktuelle Element selbst) ist, das den im Parameter angegebenen Selektoren entspricht. Element.computedStyleMap()-
Gibt eine
StylePropertyMapReadOnly-Schnittstelle zurück, die eine schreibgeschützte Darstellung eines CSS-Deklarationsblocks bietet, die eine Alternative zuCSSStyleDeclarationist. 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 Knoten ab und gibt ihn als String zurück.
Element.getAttributeNames()-
Gibt ein Array von Attributnamen des aktuellen Elements zurück.
Element.getAttributeNode()-
Ruft die Knotenrepräsentation des benannten Attributs vom aktuellen Knoten ab und gibt sie als
Attrzurück. Element.getAttributeNodeNS()-
Ruft die Knotenrepräsentation des Attributs mit dem angegebenen Namen und Namensraum vom aktuellen Knoten ab und gibt sie als
Attrzurück. Element.getAttributeNS()-
Ruft den Wert des Attributs mit dem angegebenen Namensraum und Namen vom aktuellen Knoten ab und gibt ihn als String zurück.
Element.getBoundingClientRect()-
Gibt die Größe eines Elements und dessen Position relativ zum Viewport zurück.
Element.getBoxQuads()Experimentell-
Gibt eine Liste von
DOMQuad-Objekten zurück, die die CSS-Fragmente des Knotens repräsentieren. Element.getClientRects()-
Gibt eine Sammlung von Rechtecken zurück, die die Begrenzungsrechtecke für jede Textzeile in einem Client angeben.
Element.getElementsByClassName()-
Gibt eine Live-
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 Nachfahrenelemente eines bestimmten Tag-Namens des aktuellen Elements enthält. Element.getElementsByTagNameNS()-
Gibt eine Live-
HTMLCollectionzurück, die alle Nachfahrenelemente eines bestimmten Tag-Namens und Namensraums des aktuellen Elements enthält. Element.getHTML()-
Gibt den DOM-Inhalt des Elements als HTML-String zurück, wahlweise einschließlich eines Schatten-DOMs.
Element.hasAttribute()-
Gibt einen booleschen Wert zurück, der angibt, ob das Element das angegebene Attribut hat oder nicht.
Element.hasAttributeNS()-
Gibt einen booleschen Wert zurück, der angibt, ob das Element das angegebene Attribut im angegebenen Namensraum hat oder nicht.
Element.hasAttributes()-
Gibt einen booleschen Wert zurück, der angibt, ob das Element eines oder mehrere HTML-Attribute aufweist.
Element.hasPointerCapture()-
Gibt an, ob das Element, auf dem es aufgerufen wird, Zeigerfassung für den durch die gegebene Zeiger-ID identifizierten Zeiger hat.
Element.insertAdjacentElement()-
Fügt ein gegebenes Elemente "Knoten" an einer angegebenen Position relativ zu dem Element ein, auf dem es aufgerufen wird.
Element.insertAdjacentHTML()-
Parst den Text als HTML oder XML und fügt die resultierenden Knoten an der in der Position gegebenen Stelle in den Baum ein.
Element.insertAdjacentText()-
Fügt einen gegebenen Textknoten an einer angegebenen Position relativ zum aufgerufenen Element ein.
Element.matches()-
Gibt einen booleschen Wert zurück, der angibt, ob das Element durch den angegebenen Selektor-String ausgewählt würde oder nicht.
Element.moveBefore()-
Bewegt einen gegebenen
Nodeinnerhalb des aufrufenden Knotens als direktes Kind, vor einem gegebenen Referenzknoten, ohne den Knoten zu entfernen und dann wieder einzufügen. Element.prepend()-
Fügt eine Reihe von
Node-Objekten oder Strings vor dem ersten Kind des Elements ein. Element.querySelector()-
Gibt den ersten
Nodezurück, der dem relativ zum Element angegebenen Selektor-String entspricht. Element.querySelectorAll()-
Gibt eine
NodeListvon Knoten zurück, die dem relativ zum Element angegebenen Selektor-String entsprechen. Element.releasePointerCapture()-
Hebt die Zeigerfassung auf (stoppt sie), die zuvor für ein bestimmtes
PointerEventfestgelegt wurde. Element.remove()-
Entfernt das Element aus der Kinderliste seines Elternteils.
Element.removeAttribute()-
Entfernt das benannte Attribut vom aktuellen Knoten.
Element.removeAttributeNode()-
Entfernt die Knotenrepräsentation des benannten Attributs vom aktuellen Knoten.
Element.removeAttributeNS()-
Entfernt das Attribut mit dem angegebenen Namen und Namensraum vom aktuellen Knoten.
Element.replaceChildren()-
Ersetzt die vorhandenen Kinder eines
Nodedurch einen bestimmten neuen Satz von Kindern. Element.replaceWith()-
Ersetzt das Element in der Kinderliste seines Elternteils durch eine Reihe von
Node-Objekten oder Strings. Element.requestFullscreen()-
Fragt den Browser asynchron an, um das Element im Vollbildmodus anzuzeigen.
Element.requestPointerLock()-
Ermöglicht es, asynchron zu fragen, ob der Zeiger auf dem angegebenen Element gesperrt werden soll.
Element.scroll()-
Scrollt zu einem bestimmten Satz von Koordinaten innerhalb eines gegebenen Elements.
Element.scrollBy()-
Scrollt ein Element um den angegebenen Betrag.
Element.scrollIntoView()-
Scrollt die Seite, bis das Element in die Ansicht gelangt.
Element.scrollIntoViewIfNeeded()Nicht standardisiert-
Scrollt das aktuelle Element in den sichtbaren Bereich des Browserfensters, wenn es sich noch nicht im sichtbaren Bereich des Browserfensters befindet. Verwenden Sie stattdessen den Standard
Element.scrollIntoView(). Element.scrollTo()-
Scrollt zu einem bestimmten Satz von Koordinaten innerhalb eines gegebenen Elements.
Element.setAttribute()-
Setzt den Wert eines benannten Attributs des aktuellen Knotens.
Element.setAttributeNode()-
Setzt die Knotenrepräsentation des benannten Attributs vom aktuellen Knoten.
Element.setAttributeNodeNS()-
Setzt die Knotenrepräsentation des Attributs mit dem angegebenen Namen und Namensraum vom aktuellen Knoten.
Element.setAttributeNS()-
Setzt den Wert des Attributs mit dem angegebenen Namen und Namensraum vom aktuellen Knoten.
Element.setCapture()Nicht standardisiert Veraltet-
Richtet die Mausereignis-Erfassung ein, indem alle Mausereignisse auf dieses Element umgeleitet werden.
Element.setHTML()Sicherer Kontext-
Parst und desinfiziert einen String von HTML in ein Dokumentfragment, das dann den ursprünglichen Teilbaum des Elements im DOM ersetzt.
Element.setHTMLUnsafe()-
Parst einen String von HTML in ein Dokumentfragment, ohne Desinfektion, das dann den ursprünglichen Teilbaum des Elements im DOM ersetzt. Der HTML-String kann deklarative Schattenwurzeln enthalten, die als Vorlage-Elemente geparst würden, wenn das HTML mit
Element.innerHTMLgesetzt worden wäre. Element.setPointerCapture()-
Bestimmt ein bestimmtes Element als das Erfassungsziel zukünftiger Zeigerereignisse.
Element.toggleAttribute()-
Wechselt ein boolesches Attribut, indem es entfernt wird, wenn es vorhanden ist, und hinzugefügt wird, wenn es nicht vorhanden ist, auf das angegebene Element.
Ereignisse
Hören Sie auf diese Ereignisse mit addEventListener() oder indem Sie einen Ereignis-Listener auf die oneventname-Eigenschaft dieser Schnittstelle zuweisen.
afterscriptexecuteNicht standardisiert Veraltet-
Wird ausgelöst, wenn ein Skript ausgeführt wurde.
beforeinput-
Wird ausgelöst, wenn der Wert eines Eingabeelements kurz davor ist, geändert zu werden.
beforematch-
Wird auf einem Element ausgelöst, das sich im Zustand hidden until found befindet, wenn der Browser kurz davor ist, seinen Inhalt freizulegen, weil der Benutzer den Inhalt über die Funktion "Suchen auf Seite" oder über Fragmentnavigation gefunden hat.
beforescriptexecuteNicht standardisiert Veraltet-
Wird ausgelöst, wenn ein Skript kurz davor ist, ausgeführt zu werden.
beforexrselectExperimentell-
Wird ausgelöst, bevor WebXR-Auswahlereignisse (
select,selectstart,selectend) gesendet werden. contentvisibilityautostatechange-
Wird bei jedem Element ausgelöst, auf dem
content-visibility: autogesetzt ist, wenn es anfängt oder aufhört, für den Benutzer relevant zu sein und seine Inhalte zu überspringen. input-
Wird ausgelöst, wenn der Wert eines Elements als direkte Folge einer Benutzeraktion geändert wird.
securitypolicyviolation-
Wird ausgelöst, wenn eine Content Security Policy verletzt wird.
wheel-
Wird ausgelöst, wenn der Benutzer eine Rad-Taste auf einem Zeigegerät dreht (in der Regel eine Maus).
Animationsevents
animationcancel-
Wird ausgelöst, wenn eine Animation unerwartet abbricht.
animationend-
Wird ausgelöst, wenn eine Animation normal abgeschlossen wurde.
animationiteration-
Wird ausgelöst, wenn eine Animationsiteration abgeschlossen ist.
animationstart-
Wird ausgelöst, wenn eine Animation beginnt.
Zwischenablage-Ereignisse
copy-
Wird ausgelöst, wenn der Benutzer eine Kopieraktion über die Benutzeroberfläche des Browsers initiiert.
cut-
Wird ausgelöst, wenn der Benutzer eine Ausschneideaktion über die Benutzeroberfläche des Browsers initiiert.
paste-
Wird ausgelöst, wenn der Benutzer eine Einfügeaktion über die Benutzeroberfläche des Browsers initiiert.
Kompositionsereignisse
compositionend-
Wird ausgelöst, wenn ein Textkompositionssystem wie ein Eingabemethoden-Editor die aktuelle Kompositionssitzung abschließt oder abbricht.
compositionstart-
Wird ausgelöst, wenn ein Textkompositionssystem wie ein Eingabemethoden-Editor eine neue Kompositionssitzung startet.
compositionupdate-
Wird ausgelöst, wenn ein neues Zeichen im Kontext einer Textkompositionssitzung empfangen wird, die von einem Textkompositionssystem wie einem Eingabemethoden-Editor gesteuert wird.
Fokusevents
Vollbildereignisse
fullscreenchange-
Wird an ein
Elementgesendet, wenn es in den oder aus dem Vollbildmodus wechselt. fullscreenerror-
Wird an ein
Elementgesendet, falls beim Versuch, es in den oder aus dem Vollbildmodus zu wechseln, ein Fehler auftritt.
Tastaturevents
Mausereignisse
auxclick-
Wird ausgelöst, wenn eine nicht-primäre Zeigegerätetaste (z.B. jede andere Maustaste als die linke Taste) auf einem Element gedrückt und losgelassen wird.
click-
Wird ausgelöst, wenn eine Zeigegerätetaste (z.B. die primäre Taste einer Maus) auf einem einzelnen Element gedrückt und losgelassen wird.
-
Wird ausgelöst, wenn der Benutzer versucht, ein Kontextmenü zu öffnen.
dblclick-
Wird ausgelöst, wenn eine Zeigegerätetaste (z.B. die primäre Taste einer Maus) zweimal auf einem einzelnen Element geklickt wird.
DOMActivateVeraltet-
Tritt auf, wenn ein Element aktiviert wird, z.B. durch einen Mausklick oder einen Tastendruck.
DOMMouseScrollVeraltet Nicht standardisiert-
Tritt auf, wenn ein Mausrad oder ein ähnliches Gerät bedient wird und die gesammelte Scrollmenge über 1 Zeile oder 1 Seite seit dem letzten Ereignis beträgt.
mousedown-
Wird ausgelöst, wenn eine Zeigegerätetaste auf einem Element gedrückt wird.
mouseenter-
Wird ausgelöst, wenn ein Zeigegerät (in der Regel eine Maus) über das Element bewegt wird, an das der Listener angehängt ist.
mouseleave-
Wird ausgelöst, wenn der Zeiger eines Zeigegeräts (in der Regel eine Maus) aus einem Element heraus bewegt wird, an den der Listener angehängt ist.
mousemove-
Wird ausgelöst, wenn ein Zeigegerät (in der Regel eine Maus) über ein Element bewegt wird.
mouseout-
Wird ausgelöst, wenn ein Zeigegerät (in der Regel eine Maus) aus dem Element heraus bewegt wird, an den der Listener angehängt ist oder aus einem seiner Kinder.
mouseover-
Wird ausgelöst, wenn ein Zeigegerät auf ein Element bewegt wird, an das der Listener angehängt ist oder auf eins seiner Kinder.
mouseup-
Wird ausgelöst, wenn eine Zeigegerätetaste auf einem Element losgelassen wird.
mousewheelVeraltet Nicht standardisiert-
Wird ausgelöst, wenn ein Mausrad oder ein ähnliches Gerät bedient wird.
MozMousePixelScrollVeraltet Nicht standardisiert-
Wird ausgelöst, wenn ein Mausrad oder ein ähnliches Gerät bedient wird.
webkitmouseforcechangedNicht standardisiert-
Wird jedes Mal ausgelöst, wenn sich der Druck auf dem Trackpad-Bildschirm ändert.
webkitmouseforcedownNicht standardisiert-
Wird nach dem Mousedown-Ereignis ausgelöst, sobald ausreichender Druck ausgeübt wurde, um als "Force Click" zu gelten.
webkitmouseforcewillbeginNicht standardisiert-
Wird vor dem
mousedown-Ereignis ausgelöst. webkitmouseforceupNicht standardisiert-
Wird ausgelöst, nachdem das
webkitmouseforcedown-Ereignis ausgelöst wurde, sobald der Druck ausreichend reduziert wurde, um den "Force Click" zu beenden.
Zeigerereignisse
gotpointercapture-
Wird ausgelöst, wenn ein Element einen Zeiger mithilfe von
setPointerCapture()erfasst. lostpointercapture-
Wird ausgelöst, wenn ein erfasster Zeiger freigegeben wird.
pointercancel-
Wird ausgelöst, wenn ein Zeigerereignis abgebrochen wird.
pointerdown-
Wird ausgelöst, wenn ein Zeiger aktiv wird.
pointerenter-
Wird ausgelöst, wenn ein Zeiger in die Hit-Test-Grenzen eines Elements oder eines seiner Nachkommen bewegt wird.
pointerleave-
Wird ausgelöst, wenn ein Zeiger aus den Hit-Test-Grenzen eines Elements heraus bewegt wird.
pointermove-
Wird ausgelöst, wenn ein Zeiger die Koordinaten ändert.
pointerout-
Wird ausgelöst, wenn ein Zeiger aus den Hit-Test-Grenzen eines Elements (aus anderen Gründen) bewegt wird.
pointerover-
Wird ausgelöst, wenn ein Zeiger in die Hit-Test-Grenzen eines Elements bewegt wird.
pointerrawupdate-
Wird ausgelöst, wenn ein Zeiger Eigenschaften ändert, die keine
pointerdown- oderpointerup-Ereignisse auslösen. pointerup-
Wird ausgelöst, wenn ein Zeiger nicht mehr aktiv ist.
Scrolling-Ereignisse
scroll-
Wird ausgelöst, wenn die Dokumentansicht oder ein Element gescrollt wurde.
scrollend-
Wird ausgelöst, wenn die Dokumentansicht das Scrollen abgeschlossen hat.
scrollsnapchangeExperimentell-
Wird am Scrollcontainer am Ende eines Scrollvorgangs ausgelöst, wenn ein neues Snap-Ziel ausgewählt wurde.
scrollsnapchangingExperimentell-
Wird am Scrollcontainer ausgelöst, wenn der Browser feststellt, dass ein neues Snap-Ziel ansteht, d.h. dass es ausgewählt wird, wenn die aktuelle Scrollgeste endet.
Berührungsereignisse
gesturechangeNicht standardisiert-
Wird ausgelöst, wenn sich die Finger während einer Berührungsgeste bewegen.
gestureendNicht standardisiert-
Wird ausgelöst, wenn keine Finger mehr die Berührungsoberfläche berühren und dadurch die Geste endet.
gesturestartNicht standardisiert-
Wird ausgelöst, wenn mehrere Finger die Berührungsoberfläche berühren und dadurch eine neue Geste beginnt.
touchcancel-
Wird ausgelöst, wenn ein oder mehrere Berührungspunkte in einer Implementierungsspezifischen Weise (zum Beispiel wenn zu viele Berührungspunkte erstellt werden) unterbrochen worden sind.
touchend-
Wird ausgelöst, wenn ein oder mehrere Berührungspunkte von der Berührungsoberfläche entfernt werden.
touchmove-
Wird ausgelöst, wenn ein oder mehrere Berührungspunkte entlang der Berührungsoberfläche bewegt werden.
touchstart-
Wird ausgelöst, wenn ein oder mehrere Berührungspunkte auf die Berührungsoberfläche gelegt werden.
Transition-Ereignisse
transitioncancel-
Ein
Event, das ausgelöst wird, wenn eine CSS-Transition abgebrochen wird. transitionend-
Ein
Event, das ausgelöst wird, wenn eine CSS-Transition das Abspielen abgeschlossen hat. transitionrun-
Ein
Event, das ausgelöst wird, wenn eine CSS-Transition erstellt wird (d.h. wenn sie zu einem Satz laufender Übergänge hinzugefügt wird), jedoch nicht unbedingt gestartet wird. transitionstart-
Ein
Event, das ausgelöst wird, wenn eine CSS-Transition das Überblenden beginnt.