ElementInternals: свойство states
Базовая версия 2024
Новое свойство
С мая 2024 года эта функция работает на последних версиях устройств и браузеров. Эта функция может не работать на старых устройствах или браузерах.
Только для чтения свойство states интерфейса ElementInternals возвращает CustomStateSet, представляющий возможные состояния пользовательского элемента.
Значение
A CustomStateSet, которое является Set строк.
Примеры
Следующая функция добавляет и удаляет состояние --checked к CustomStateSet, а затем выводит в консоль true или false при выборе или снятии отметки с пользовательской галки.
set checked(flag) {
if (flag) {
this._internals.states.add('--checked');
} else {
this._internals.states.delete('--checked');
}
console.log(this._internals.states.has('--checked'));
}
Спецификации
| Спецификация |
|---|
| HTML # custom-state-pseudo-class |
Совместимость браузеров
| Рабочие столы | Мобильные устройства | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox for Android | Opera Android | Safari на iOS | Samsung Internet | WebView Android | |
states |
90 | 90 | 126 | 76 | 17.4 | 90 | 126 | 64 | 17.4 | 15.0 | 90 |
© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/states