Кнопка перключения стилей
690
27 мая 2017, 17:17
Подскажите как на JavaScript сделать скрипт чтоб он менял стиль страницы с ночного на дневной. С HTML и CSS я справился, а вот кнопку переключения стилей не понимаю как.
Answer 1
Для переключения между таблицами стилей можно менять значение атрибута href текущей таблицы, например так:
document.getElementById('stylesheet').href = 'dark.css'
Пример
Или переключение тем можно сделать изменением атрибута class верхнего контейнера, например, body.
document.getElementById('toggle').onclick = function () {
document.body.classList.toggle('dark');
}body {
}
body.dark {
background: #000;
}
body.dark button {
background: #000;
border-color: #fff;
color: #fff;
}<button id="toggle">Сменить тему</button>
-
12:24
-
21:54
-
06:25
Современные инструменты для криптотрейдинга: как технологии помогают принимать решения
-
06:53
Апостиль в Лос-Анджелесе без лишних нервов и бумажной волокиты
-
20:42
-
09:21
Основные этапы разработки сайта для стоматологической клиники
-
12:26
-
10:30
-
18:43
Продвижение своими сайтами как стратегия роста и независимости
ТОП-10
- Почему SERVER_ADDR имеет не тот IP 50359 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 31971 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 26358 visits
- Как через css изменить цвет png изображения? 11782 visits
- Blob video url download 11328 visits
- Php curl запрос через прокси с авторизацией 10739 visits
- Работа с captcha vk api 9534 visits
© "hostciti.net" 27.4.2026 | 04:39