Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten.Erfahre mehr über dieses Experiment.
ElementInternals: states-Eigenschaft
Baseline 2024Newly available
Since May 2024, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
Die schreibgeschütztestates-Eigenschaft derElementInternals-Schnittstelle gibt einCustomStateSet zurück, das die möglichen Zustände des benutzerdefinierten Elements repräsentiert.
Wert
EinCustomStateSet, das einSet von Zeichenfolgen ist.
Beispiele
Die folgende Funktion fügt demCustomStateSet den Zustand--checked hinzu bzw. entfernt ihn, und gibt danntrue oderfalse an die Konsole aus, je nachdem, ob das benutzerdefinierte Kontrollkästchen aktiviert oder deaktiviert ist.
js
class MyElement extends HTMLElement { set checked(flag) { if (flag) { this._internals.states.add("--checked"); } else { this._internals.states.delete("--checked"); } console.log(this._internals.states.has("--checked")); }}Spezifikationen
| Specification |
|---|
| HTML # custom-state-pseudo-class |