HTMLElement

Baseline Widely available *

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

* Some parts of this feature may have varying levels of support.

Das HTMLElement-Interface repräsentiert jedes HTML-Element. Einige Elemente implementieren dieses Interface direkt, während andere es über ein Interface, das es erbt, implementieren.

EventTarget Node Element HTMLElement

Instanz-Eigenschaften

Erbt auch Eigenschaften von seinem Elternteil, Element.

HTMLElement.accessKey

Eine Zeichenkette, die den dem Element zugewiesenen Zugangsschlüssel darstellt.

HTMLElement.accessKeyLabel Schreibgeschützt

Gibt eine Zeichenkette zurück, die den dem Element zugewiesenen Zugangsschlüssel enthält.

HTMLElement.anchorElement Schreibgeschützt  Nicht standardisiert Experimentell

Gibt eine Referenz auf das Ankerelement des Elements zurück oder null, wenn es keins hat.

HTMLElement.attributeStyleMap Schreibgeschützt

Eine StylePropertyMap, die die Deklarationen des style-Attributs des Elements repräsentiert.

HTMLElement.autocapitalize

Eine Zeichenkette, die das Verhalten der Großschreibung für Benutzereingaben repräsentiert. Gültige Werte sind: none, off, on, characters, words, sentences.

HTMLElement.autofocus

Ein boolescher Wert, der das autofocus HTML-Globalattribut widerspiegelt, welches angibt, ob die Steuerung fokussiert werden soll, wenn die Seite geladen wird, oder wenn ein Dialog oder Popover angezeigt wird, falls innerhalb von <dialog>-Elementen oder Elemente, deren Popover-Attribut gesetzt ist.

HTMLElement.autocorrect

Ein boolescher Wert, ob der von einem Benutzer eingegebene Text automatisch korrigiert werden soll. Dies spiegelt das autocorrect HTML-Globalattribut wider.

HTMLElement.contentEditable

Eine Zeichenkette, bei der ein Wert von true bedeutet, dass das Element bearbeitet werden kann, und ein Wert von false bedeutet, dass es nicht bearbeitet werden kann.

HTMLElement.dataset Schreibgeschützt

Gibt eine DOMStringMap zurück, mit der Skripte die benutzerdefinierten Datenattribute (data-*) des Elements lesen und schreiben können.

HTMLElement.dir

Eine Zeichenkette, die das dir-Globalattribut widerspiegelt und die Richtung des Elements repräsentiert. Mögliche Werte sind "ltr", "rtl", und "auto".

HTMLElement.draggable

Ein boolescher Wert, der anzeigt, ob das Element gezogen werden kann.

HTMLElement.editContext Experimentell

Gibt den mit dem Element assoziierten EditContext zurück oder null, wenn keiner vorhanden ist.

HTMLElement.enterKeyHint

Eine Zeichenkette, die definiert, welche Aktionsbeschriftung (oder Symbol) für die Enter-Taste auf virtuellen Tastaturen angezeigt werden soll.

HTMLElement.hidden

Ein Zeichenfolgen- oder boolescher Wert, der den Wert des hidden-Attributs des Elements widerspiegelt.

HTMLElement.inert

Ein boolescher Wert, der angibt, ob der User-Agent so agieren muss, als ob der gegebene Knoten für Benutzerinteraktionsereignisse, Textsuchen innerhalb der Seite ("find in page") und Textauswahl nicht vorhanden ist.

HTMLElement.innerText

Repräsentiert den gerenderten Textinhalt eines Knotens und seiner Nachkommen. Als Getter approximiert es den Text, den der Benutzer erhalten würde, wenn er die Inhalte des Elements mit dem Cursor markierte und dann in die Zwischenablage kopierte. Als Setter ersetzt es den Inhalt innerhalb des ausgewählten Elements und konvertiert dabei alle Zeilenumbrüche in <br>-Elemente.

HTMLElement.inputMode

Ein Zeichenkettenwert, der den Wert des [inputmode](/de/docs/Web/HTML/Reference/Global_attributes/inputmode)-Attributs des Elements widerspiegelt.

HTMLElement.isContentEditable Schreibgeschützt

Gibt einen booleschen Wert zurück, der angibt, ob der Inhalt des Elements bearbeitet werden kann oder nicht.

HTMLElement.lang

Eine Zeichenkette, die die Sprache der Attribute, des Textes und der Elementinhalte eines Elements darstellt.

HTMLElement.nonce

Gibt die kryptographische Zahl zurück, die einmal verwendet wird und von der Content Security Policy verwendet wird, um zu bestimmen, ob ein gegebener Abruf durchgeführt werden darf.

HTMLElement.offsetHeight Schreibgeschützt

Gibt einen double-Wert zurück, der die Höhe eines Elements im Verhältnis zum Layout enthält.

HTMLElement.offsetLeft Schreibgeschützt

Gibt einen double zurück, die Entfernung von der linken Grenze dieses Elements bis zur linken Grenze seines offsetParent.

HTMLElement.offsetParent Schreibgeschützt

Ein Element, das das Element ist, von dem alle Offset-Berechnungen derzeit ermittelt werden.

HTMLElement.offsetTop Schreibgeschützt

Gibt einen double zurück, die Entfernung von der oberen Grenze dieses Elements bis zur oberen Grenze seines offsetParent.

HTMLElement.offsetWidth Schreibgeschützt

Gibt einen double-Wert zurück, der die Breite eines Elements im Verhältnis zum Layout enthält.

HTMLElement.outerText

Repräsentiert den gerenderten Textinhalt eines Knotens und seiner Nachkommen. Als Getter ist es dasselbe wie HTMLElement.innerText (es repräsentiert den gerenderten Textinhalt eines Elements und seiner Nachkommen). Als Setter ersetzt es den ausgewählten Knoten und seine Inhalte durch den gegebenen Wert und konvertiert alle Zeilenumbrüche in <br>-Elemente.

HTMLElement.popover

Ruft den Popover-Zustand eines Elements ab und setzt ihn mittels JavaScript ("auto", "hint" oder "manual") und kann zur Feature-Erkennung verwendet werden. Widerspiegelt den Wert des popover Global-HTML-Attributs.

HTMLElement.spellcheck

Ein boolescher Wert, der den Rechtschreibprüfung-Hinweis kontrolliert. Er ist bei allen HTML-Elementen verfügbar, beeinflusst jedoch nicht alle von ihnen.

HTMLElement.style

Eine CSSStyleDeclaration, die die Deklarationen des style-Attributs des Elements repräsentiert.

HTMLElement.tabIndex

Ein long, der die Position des Elements in der Tabulatorreihenfolge repräsentiert.

HTMLElement.title

Eine Zeichenkette, die den Text enthält, der in einem Popup-Fenster erscheint, wenn die Maus über dem Element ist.

HTMLElement.translate

Ein boolescher Wert, der die Übersetzung repräsentiert.

HTMLElement.virtualKeyboardPolicy Experimentell

Eine Zeichenkette, die das Verhalten der Bildschirmtastatur bei Geräten wie Tablets, Mobiltelefonen oder anderen Geräten angibt, bei denen möglicherweise keine Hardware-Tastatur verfügbar ist, wenn der Inhalt des Elements bearbeitbar ist (zum Beispiel, wenn es sich um ein <input>- oder <textarea>-Element oder ein Element mit gesetztem contenteditable-Attribut handelt).

HTMLElement.writingSuggestions

Eine Zeichenkette, die angibt, ob von Browser bereitgestellte Schreibvorschläge innerhalb des Umfangs des Elements aktiviert werden sollen oder nicht.

Instanzmethoden

Erbt auch Methoden von seinem Elternteil, Element.

HTMLElement.attachInternals()

Gibt ein ElementInternals-Objekt zurück und ermöglicht es einem benutzerdefinierten Element, an HTML-Formularen teilzunehmen.

HTMLElement.blur()

Entfernt die Tastaturfokusuierung vom derzeit fokussierten Element.

HTMLElement.click()

Sendet ein Mausklickevent an das Element.

HTMLElement.focus()

Fokussiert das Element als aktuelle Tastaturfokusuierung.

HTMLElement.hidePopover()

Verbirgt ein Popover-Element, indem es aus der obersten Schicht entfernt und mit display: none gestylt wird.

HTMLElement.showPopover()

Zeigt ein Popover-Element an, indem es zur obersten Schicht hinzugefügt und display: none; aus seinen Stilen entfernt wird.

HTMLElement.togglePopover()

Wechselt ein Popover-Element zwischen den versteckten und angezeigten Zuständen.

Ereignisse

Diese Ereignisse können mittels addEventListener() abgehört werden oder durch das Zuordnen eines Ereignislisteners zur oneventname-Eigenschaft dieses Interfaces.

Es erbt auch Ereignisse von seinem Elternteil, Element.

change

Wird ausgelöst, wenn der value eines <input>, <select> oder <textarea>-Elements geändert und vom Benutzer bestätigt wurde. Im Gegensatz zum input-Ereignis wird das change-Ereignis nicht unbedingt bei jeder Veränderung des value eines Elements ausgelöst.

command

Wird auf einem Element ausgelöst, das über einen button mit gültigen commandForElement- und command-Werten gesteuert wird, wann immer der Knopf interagiert (z. B. durch Anklicken).

error

Wird ausgelöst, wenn eine Ressource nicht geladen werden konnte oder nicht verwendbar ist.

load

Wird bei Elementen, die eine Ressource enthalten, ausgelöst, wenn die Ressource erfolgreich geladen wurde.

Drag & Drop-Ereignisse

drag

Dieses Ereignis wird ausgelöst, wenn ein Element oder eine Textauswahl gezogen wird.

dragend

Dieses Ereignis wird ausgelöst, wenn ein Ziehvorgang beendet wird (durch Loslassen einer Maustaste oder Drücken der Escape-Taste).

dragenter

Dieses Ereignis wird ausgelöst, wenn ein gezogenes Element oder eine Textauswahl ein gültiges Ziel erreicht.

dragleave

Dieses Ereignis wird ausgelöst, wenn ein gezogenes Element oder eine Textauswahl ein gültiges Ziel verlässt.

dragover

Dieses Ereignis wird kontinuierlich ausgelöst, wenn ein Element oder eine Textauswahl gezogen wird und sich der Mauszeiger über einem gültigen Ziel befindet (alle 50 ms WENN die Maus sich nicht bewegt, SONST viel schneller zwischen ca. 5 ms (langsame Bewegung) und 1 ms (schnelle Bewegung). Dieses Auslöseverhalten ist anders als bei mouseover).

dragstart

Dieses Ereignis wird ausgelöst, wenn der Benutzer beginnt, ein Element oder eine Textauswahl zu ziehen.

drop

Dieses Ereignis wird ausgelöst, wenn ein Element oder eine Textauswahl auf ein gültiges Ziel fallen gelassen wird.

Umschalt-Ereignisse

beforetoggle

Wird ausgelöst, wenn das Element ein popover oder <dialog> ist, bevor es versteckt oder angezeigt wird.

toggle

Wird ausgelöst, wenn das Element ein popover, <dialog> oder <details>-Element ist, kurz nachdem es versteckt oder angezeigt wird.

Spezifikationen

Specification
HTML
# htmlelement

Browser-Kompatibilität

Siehe auch