DOM JavaScript: стили и CSS-классы. Свойства style и classList. Управление CSS-переменными в JS.

✏️ Узнаем, как в JavaScript работать со стилями через свойство DOM-элементов style и как получать вычисленные значения стилей через функцию getComputedStyle. Разберём, как управлять CSS-классами через свойство DOM-элементов classList и его методы добавления, удаления, переключения и проверки наличия CSS-класса на элементе. Научимся управлять через JavaScript CSS-переменными элементов. 🔴 Timeline: ▶ 00:00​ | Введение ▶ 00:22​ | Способы задания стилей ▶ 01:02​ | Задание стилей через свойство style ▶ 01:48​ | Задание набора CSS-свойств через свойство style ▶ 03:04​ | Вычисленные значения стилей — функция getComputedStyle ▶ 05:20​ | Управление CSS-классами через JavaScript — свойства className и classList ▶ 07:06​ | Добавление классов DOM-элементe — метод classList.add ▶ 07:39​ | Удаление классов у DOM-элемента — метод classList.remove ▶ 08:03​ | Добавить или удалить класс в зависимости от условия — метод classList.toggle ▶ 10:08​ | Проверка наличия класса у DOM-элемента — метод contains ▶ 10:28​ | Управление CSS-переменными через JavaScript — style.setProperty ▶ 11:51​ | Заключение 📚 Ссылки: 💬 Чат в телеграмме (помощь новичкам): 🔸 Boosty (поддержать канал): 🗂️ Бесплатные курсы на канале: 📌 Автор: #javascript