Кнопка перключения стилей
648
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>
-
19:12
-
21:12
Оборудование для ресторана: новинки профессиональной кухонной техники
-
22:17
-
22:13
Частный дом престарелых в Киеве: комфорт, забота и профессиональный уход
-
20:12
-
20:06
-
19:59
-
19:51
-
19:43
ТОП-10
- Почему SERVER_ADDR имеет не тот IP 48153 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 30588 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 24097 visits
- Как через css изменить цвет png изображения? 10431 visits
- Blob video url download 10019 visits
- Php curl запрос через прокси с авторизацией 9302 visits
- Работа с captcha vk api 8162 visits
© "hostciti.net" 28.4.2025 | 03:10