1

Подскажите как на JavaScript сделать скрипт чтоб он менял стиль страницы с ночного на дневной. С HTML и CSS я справился, а вот кнопку переключения стилей не понимаю как.

1 ответ 1

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>

3
  • @komsonavt, если нужно менять и верстку страницы, опишите эти изменения
    – Dmitry
    26 мая 2017 в 3:55
  • У меня есть две таблицы стилей, нарисованы и отрихтованы. Я хочу с помощью кнопки переключаться между ними?
    – komsonavt
    26 мая 2017 в 11:14
  • @komsonavt дополнил ответ
    – Dmitry
    27 мая 2017 в 9:36

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.