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ützte states
-Eigenschaft der ElementInternals
-Schnittstelle gibt ein CustomStateSet
zurück, das die möglichen Zustände des benutzerdefinierten Elements repräsentiert.
Wert
Ein CustomStateSet
, das ein Set
von Zeichenfolgen ist.
Beispiele
Die folgende Funktion fügt dem CustomStateSet
den Zustand --checked
hinzu bzw. entfernt ihn, und gibt dann true
oder false
an die Konsole aus, je nachdem, ob das benutzerdefinierte Kontrollkästchen aktiviert oder deaktiviert ist.
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 |