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.

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

EventTarget Node Element HTMLElement

Instanz-Eigenschaften

Ebt auch Eigenschaften von seinem Elternteil, Element.

HTMLElement.accessKey

Ein String, der den Zugriffsschlüssel darstellt, der dem Element zugewiesen ist.

HTMLElement.accessKeyLabel Nur lesbar

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

HTMLElement.anchorElement Nur lesbar   Nicht standardisiert Experimentell

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

HTMLElement.attributeStyleMap Nur lesbar

Eine StylePropertyMap, die die Deklarationen des style-Attributs des Elements darstellt.

HTMLElement.autocapitalize

Ein String, der das Großschreibeverhalten des Elements für Benutzereingaben darstellt. Gültige Werte sind: none, off, on, characters, words, sentences.

HTMLElement.autofocus

Ein Boolean-Wert, der das HTML-Globaleattribut autofocus widerspiegelt, das angibt, ob der Fokus beim Laden der Seite oder beim Anzeigen eines Dialogs oder Popovers auf das Steuerelement gesetzt werden soll, wenn es in einem Element innerhalb von <dialog>-Elementen oder Elementen mit gesetztem Popover-Attribut angegeben ist.

HTMLElement.autocorrect Experimentell

Ein Boolean, der angibt, ob die Benutzereingabe automatisch korrigiert werden soll oder nicht. Dies spiegelt das HTML-Globaleattribut autocorrect wider.

HTMLElement.contentEditable

Ein String, bei dem ein Wert von true bedeutet, dass das Element bearbeitbar ist, und ein Wert von false, dass es nicht bearbeitbar ist.

HTMLElement.dataset Nur lesbar

Gibt ein DOMStringMap zurück, mit dem ein Skript die benutzerdefinierten Datenattribute (data-*) des Elements lesen und schreiben kann.

HTMLElement.dir

Ein String, der das globale dir-Attribut widerspiegelt und die Ausrichtung des Elements darstellt. Mögliche Werte sind "ltr", "rtl" und "auto".

HTMLElement.draggable

Ein Boolean-Wert, der anzeigt, ob das Element verschoben werden kann.

HTMLElement.editContext Experimentell

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

HTMLElement.enterKeyHint

Ein String, der angibt, welches Aktionslabel (oder Icon) für die Eingabetaste auf virtuellen Tastaturen angezeigt werden soll.

HTMLElement.hidden

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

HTMLElement.inert

Ein Boolean-Wert, der angibt, ob der Benutzeragent so handeln muss, als ob der gegebene Knoten bei Benutzerinteraktionsereignissen, Textsuchen innerhalb der Seite ("in der Seite suchen") und Textauswahl abwesend wäre.

HTMLElement.innerText

Stellt den gerenderten Textinhalt eines Knotens und seiner Nachfolger dar. Als Getter approximiert er den Text, den der Benutzer erhalten würde, wenn er den Inhalt des Elements mit dem Cursor markiert und dann in die Zwischenablage kopiert. Als Setter ersetzt es den Inhalt innerhalb des ausgewählten Elements und konvertiert Zeilenumbrüche in <br>-Elemente.

HTMLElement.inputMode

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

HTMLElement.isContentEditable Nur lesbar

Gibt einen Boolean-Wert zurück, der anzeigt, ob der Inhalt des Elements bearbeitet werden kann oder nicht.

HTMLElement.lang

Ein String, der die Sprache der Attribute, des Textes und der Inhaltselemente eines Elements darstellt.

HTMLElement.nonce

Gibt die einmalig verwendete kryptografische Nummer zurück, die von der Content Security Policy verwendet wird, um zu bestimmen, ob ein bestimmter Abruf fortgesetzt werden darf.

HTMLElement.offsetHeight Nur lesbar

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

HTMLElement.offsetLeft Nur lesbar

Gibt ein double zurück, das den Abstand vom linken Rand dieses Elements zum linken Rand seines offsetParent angibt.

HTMLElement.offsetParent Nur lesbar

Ein Element, das das Element ist, von dem alle Versatzberechnungen derzeit berechnet werden.

HTMLElement.offsetTop Nur lesbar

Gibt ein double zurück, das den Abstand vom oberen Rand dieses Elements zum oberen Rand seines offsetParent angibt.

HTMLElement.offsetWidth Nur lesbar

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

HTMLElement.outerText

Stellt den gerenderten Textinhalt eines Knotens und seiner Nachfolger dar. Als Getter entspricht es HTMLElement.innerText (es stellt den gerenderten Textinhalt eines Elements und seiner Nachfolger dar). Als Setter ersetzt es den ausgewählten Knoten und seinen Inhalt mit dem gegebenen Wert und konvertiert Zeilenumbrüche in <br>-Elemente.

HTMLElement.popover

Ruft den Popover-Status eines Elements ab und setzt ihn über JavaScript ("auto" oder "manual") und kann für die Funktionsprüfung verwendet werden. Gibt den Wert des globalen HTML-Attributs popover wieder.

HTMLElement.spellcheck

Ein Boolean-Wert, der den Rechtschreibprüfungshinweis steuert. Er 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 darstellt.

HTMLElement.tabIndex

Ein long, der die Position des Elements in der Tabulatorreihenfolge darstellt.

HTMLElement.title

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

HTMLElement.translate

Ein Boolean-Wert, der die Übersetzung repräsentiert.

HTMLElement.virtualKeyboardPolicy Experimentell

Ein String, der das Verhalten der virtuellen Tastatur auf dem Bildschirm auf 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 handelt oder ein Element mit gesetztem contenteditable-Attribut).

Instanz-Methoden

Ebt 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 aktuell fokussierten Element.

HTMLElement.click()

Sendet ein Mausklick-Ereignis an das Element.

HTMLElement.focus()

Macht das Element zum aktuellen Tastaturfokus.

HTMLElement.hidePopover()

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

HTMLElement.showPopover()

Zeigt ein Popover-Element, indem es zur obersten Ebene hinzugefügt und display: none; aus seinem Stil entfernt wird.

HTMLElement.togglePopover()

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

Ereignisse

Hören Sie diese Ereignisse über addEventListener() oder durch Zuweisen eines Ereignislisteners zur oneventname-Eigenschaft dieses Interfaces.

Ebt auch Ereignisse von seinem Elternteil, Element.

cancel

Wird für <input>- und <dialog>-Elemente ausgelöst, wenn der Benutzer den aktuell geöffneten Dialog durch Schließen mit der Esc-Taste abbricht.

change

Wird ausgelöst, wenn der value eines <input>, <select>- oder <textarea>-Elements geändert und von Benutzer bestätigt wurde. Im Gegensatz zum input-Ereignis, wird das change-Ereignis nicht unbedingt für jede Änderung des value eines Elements ausgelöst.

error

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

load

Wird für Elemente ausgelöst, die eine Ressource enthalten, wenn die Ressource erfolgreich geladen wurde.

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.

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 Ziehziel erreicht.

dragleave

Dieses Ereignis wird ausgelöst, wenn ein gezogenes Element oder eine Textauswahl ein gültiges Ziehziel 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 Ziehziel befindet (alle 50 ms, WENN die Maus nicht bewegt wird, SONST viel schneller zwischen ungefähr 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 beginnt, ein Element oder eine Textauswahl zu ziehen.

drop

Dieses Ereignis wird ausgelöst, wenn ein Element oder eine Textauswahl auf ein gültiges Ziehziel 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 wurde.

Spezifikationen

Specification
HTML Standard
# htmlelement

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch