ElementInternals: states-Eigenschaft
Baseline 2024
Newly 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 darstellt.
Wert
Ein CustomStateSet
, der ein Set
von Zeichenfolgen ist.
Beispiele
Die folgende Funktion fügt den Zustand --checked
zu einem CustomStateSet
hinzu und entfernt ihn dann. Anschließend wird in der Konsole true
oder false
ausgegeben, je nachdem, ob das benutzerdefinierte Kontrollkästchen aktiviert oder deaktiviert ist.
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 Standard # custom-state-pseudo-class |
Browser-Kompatibilität
BCD tables only load in the browser