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.
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
Schreibgeschützt-
Gibt einen String zurück, der den dem Element zugewiesenen Zugriffsschlüssel enthält.
HTMLElement.anchorElement
Schreibgeschützt Nicht standardisiert Experimentell-
Gibt eine Referenz auf das Anchorelement des Elements zurück oder
null
, wenn es keines hat. HTMLElement.attributeStyleMap
Schreibgeschützt-
Eine
StylePropertyMap
, die die Deklarationen desstyle
-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 vonfalse
, dass es nicht bearbeitbar ist. HTMLElement.dataset
Schreibgeschützt-
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 odernull
, wenn keiner vorhanden ist. HTMLElement.enterKeyHint
-
Ein String, der angibt, welches Aktionslabel (oder Icon) für die Eingabetaste auf virtuellen Tastaturen angezeigt werden soll.
-
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
Schreibgeschützt-
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
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, das den Abstand vom linken Rand dieses Elements zum linken Rand seinesoffsetParent
angibt. HTMLElement.offsetParent
Schreibgeschützt-
Ein
Element
, das das Element ist, von dem alle Versatzberechnungen derzeit berechnet werden. HTMLElement.offsetTop
Schreibgeschützt-
Gibt ein
double
zurück, das den Abstand vom oberen Rand dieses Elements zum oberen Rand seinesoffsetParent
angibt. HTMLElement.offsetWidth
Schreibgeschützt-
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-Attributspopover
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 desstyle
-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 gesetztemcontenteditable
-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 zuminput
-Ereignis, wird daschange
-Ereignis nicht unbedingt für jede Änderung desvalue
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
Spezifikationen
Specification |
---|
HTML Standard # htmlelement |
Browser-Kompatibilität
BCD tables only load in the browser