Тема: cssStyleSheet
Показать сообщение отдельно
  #1 (permalink)  
Старый 11.06.2024, 21:52
Новичок на форуме
Отправить личное сообщение для LeuS Посмотреть профиль Найти все сообщения от LeuS
 
Регистрация: 11.06.2024
Сообщений: 1

cssStyleSheet
Допустим у меня есть N-ное количество элементов DOM с классом, например, switchableVisibility {...}
Могу ли поменять видимость с {visibility: visible;} на {visibility: hidden;} или наоборот?
Не перебирая элементы через .querySelectorAll или ещё как, не меняя стили или добавляя стили через .classList.add/remove каждому элементу, а поменять свойство самого стиля класса? Как то через document.styleSheets чтобы одним движением поменять видимость всем элементам с этим классом?
На MDN пишут, что cssStyleSheet.insertRule(`${selector} {${styles}}`, 0); теперь deprecated, хотя всеми браузерами поддерживается. Но в любом случае я что-то не пойму как пользоваться .insetRule для смены правила.
Ответить с цитированием