Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.

View in English Always switch to English

HTMLElement

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.

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

EventTarget Node Element HTMLElement

Instanz-Eigenschaften

Erbt auch Eigenschaften von seinem Elternteil, Element.

HTMLElement.accessKey

Ein String, der den Zugriffsschlüssel repräsentiert, der dem Element zugewiesen ist.

HTMLElement.accessKeyLabel Schreibgeschützt

Gibt einen String zurück, der den dem Element zugeordneten Zugriffsschlüssel enthält.

HTMLElement.anchorElement Schreibgeschützt  Nicht standardisiert Experimentell

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

HTMLElement.attributeStyleMap Schreibgeschützt

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

HTMLElement.autocapitalize

Ein String, der das Verhalten der Großschreibung des Elements 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 und anzeigt, ob das Steuerelement fokussiert werden soll, wenn die Seite geladen wird oder wenn ein Dialog oder Popover angezeigt wird, falls in einem Element innerhalb von <dialog>-Elementen oder Elementen, deren Popover-Attribut gesetzt ist, angegeben.

HTMLElement.autocorrect

Ein Boolescher, der angibt, ob die von einem Benutzer eingegebenen Texte automatisch korrigiert werden sollen oder nicht. Dies spiegelt das autocorrect HTML-Globalattribut wider.

HTMLElement.contentEditable

Ein String, wobei ein Wert von true bedeutet, dass das Element editierbar ist, und ein Wert von false, dass es nicht editierbar ist.

HTMLElement.dataset Schreibgeschützt

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

HTMLElement.dir

Ein String, der 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 EditContext zurück, der mit dem Element verknüpft ist, oder null, wenn es keinen gibt.

HTMLElement.enterKeyHint

Ein String, der das Aktionslabel (oder Symbol) definiert, das für die Eingabetaste auf virtuellen Tastaturen angezeigt werden soll.

HTMLElement.hidden

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

HTMLElement.inert

Ein boolescher Wert, der angibt, ob der Benutzeragent das dargestellte Element in Bezug auf Benutzerinteraktionen, In-Page-Textsuchanfragen ("Finde auf Seite") und Textauswahl ignorieren soll.

HTMLElement.innerText

Repräsentiert den angezeigten Textinhalt eines Knotens und seiner Nachkommen. Als Getter nähert es den Text an, den der Benutzer erhalten würde, wenn er die Inhalte des Elements mit dem Cursor hervorgehoben und dann in die Zwischenablage kopiert hätte. Als Setter ersetzt er den Inhalt im ausgewählten Element, indem er alle Zeilenumbrüche in <br>-Elemente umwandelt.

HTMLElement.inputMode

Ein Stringwert, der den Wert des inputmode-Attributs des Elements widerspiegelt.

HTMLElement.isContentEditable Schreibgeschützt

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

HTMLElement.lang

Ein String, der die Sprache der Attribute, Texte und Inhalte eines Elements repräsentiert.

HTMLElement.nonce

Gibt die kryptografische Zahl zurück, die einmal verwendet wird und mit der Content Security Policy bestimmt, ob ein bestimmter Abruf fortgesetzt werden darf.

HTMLElement.offsetHeight Schreibgeschützt

Gibt ein double zurück, das die Höhe eines Elements im Verhältnis zum Layout enthält.

HTMLElement.offsetLeft Schreibgeschützt

Gibt ein double zurück, die Entfernung von der linken Begrenzung dieses Elements zur linken Begrenzung seines offsetParent.

HTMLElement.offsetParent Schreibgeschützt

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

HTMLElement.offsetTop Schreibgeschützt

Gibt ein double zurück, die Entfernung von der oberen Begrenzung dieses Elements zur oberen Begrenzung seines offsetParent.

HTMLElement.offsetWidth Schreibgeschützt

Gibt ein double zurück, das die Breite eines Elements im Verhältnis zum Layout enthält.

HTMLElement.outerText

Repräsentiert den angezeigten Textinhalt eines Knotens und seiner Nachkommen. Als Getter ist es dasselbe wie HTMLElement.innerText (es repräsentiert den angezeigten Textinhalt eines Elements und seiner Nachkommen). Als Setter ersetzt es den ausgewählten Knoten und seinen Inhalt mit dem angegebenen Wert, wobei alle Zeilenumbrüche in <br>-Elemente umgewandelt werden.

HTMLElement.popover

Ruft den Popover-Zustand eines Elements mit JavaScript ab und setzt ihn ("auto", "hint", oder "manual"), und kann zur Funktionsdetektion verwendet werden. Spiegelt den Wert des globalen HTML-Attributs popover wider.

HTMLElement.spellcheck

Ein boolescher Wert, der den Hinweis zum Rechtschreibprüfung steuert. Es ist auf allen HTML-Elementen verfügbar, wirkt sich jedoch nicht auf alle aus.

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

HTMLElement.title

Ein String, der den Text enthält, der in einem Popup-Fenster angezeigt wird, wenn die Maus über das Element bewegt wird.

HTMLElement.translate

Ein boolescher Wert, der die Übersetzung darstellt.

HTMLElement.virtualKeyboardPolicy Experimentell

Ein String, der das Verhalten der virtuellen Bildschirmtastatur auf Geräten wie Tablets, Mobiltelefonen oder anderen Geräten anzeigt, bei denen möglicherweise keine Hardwaretastatur verfügbar ist, wenn der Inhalt des Elements bearbeitbar ist (zum Beispiel ist es ein <input> oder <textarea>-Element oder ein Element mit dem contenteditable-Attribut).

HTMLElement.writingSuggestions

Ein String, der angibt, ob die vom Browser bereitgestellten Schreibvorschläge im Geltungsbereich 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 Tastaturfokussierung von dem derzeit fokussierten Element.

HTMLElement.click()

Sendet ein Mausklickereignis an das Element.

HTMLElement.focus()

Macht das Element zum aktuellen Tastaturfokus.

HTMLElement.hidePopover()

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

HTMLElement.showPopover()

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

HTMLElement.togglePopover()

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

Ereignisse

Hören Sie auf diese Ereignisse, indem Sie addEventListener() verwenden oder einen Ereignis-Listener der oneventname-Eigenschaft dieser Schnittstelle zuweisen.

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 Änderung des value-Werts 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 Button interagiert wird (z.B. wenn er geklickt wird).

error

Wird ausgelöst, wenn ein Ressource nicht geladen werden konnte oder nicht verwendet werden kann.

load

Wird ausgelöst, wenn ein Element, das eine Ressource enthält, 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 der Mauszeiger sich über einem gültigen Ziel befindet (alle 50 ms, wenn die Maus sich nicht bewegt, ansonsten viel schneller, zwischen ca. 5 ms (langsame Bewegung) und 1 ms (schnelle Bewegung)). Dieses Auslöseverhalten unterscheidet sich von mouseover.

dragstart

Dieses Ereignis wird ausgelöst, wenn der Benutzer das Ziehen eines Elements oder einer Textauswahl beginnt.

drop

Dieses Ereignis wird ausgelöst, wenn ein Element oder eine Textauswahl auf einem gültigen Ziel abgelegt wird.

Interesseauslöser-Ereignisse

interest Experimentell Nicht standardisiert

Wird auf dem Ziel-Element eines Interesseauslösers ausgelöst, wenn Interesse gezeigt wird, um das Ausführen von Code als Reaktion zu ermöglichen.

loseinterest Experimentell Nicht standardisiert

Wird auf dem Ziel-Element eines Interesseauslösers ausgelöst, wenn Interesse verloren geht, um das Ausführen von Code als Reaktion zu ermöglichen.

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, gerade nachdem es versteckt oder angezeigt wurde.

Spezifikationen

Specification
HTML
# htmlelement

Browser-Kompatibilität

Siehe auch