Задать вопрос
Aison
@Aison
javascript

Пишу смену тёмной темы на светлую. Как побороть document.body.setAttribute и заставить его работать как toggle в JQ?

Пробую написать смену тёмной темы на светлую используя хранилище localStorage и всё бы хорошо, кроме одной детали.

чем можно заменить document.body.setAttribute("scheme", "light"); чтобы срабатывал как document.body.classList.toggle("light"); ?
  • Вопрос задан
  • 47 просмотров
Комментировать
Подписаться 1 Простой Комментировать
Решения вопроса 1
yarkov
@yarkov Куратор тега JavaScript
Помог ответ? Отметь решением. 
function toggleScheme(scheme) {
  const currentScheme = document.body.getAttribute("scheme");

  if (currentScheme === scheme) {
    document.body.removeAttribute("scheme");
  } else {
    document.body.setAttribute("scheme", scheme);
  }
}

toggleScheme("light"); // <body scheme="light"></body>
toggleScheme("light"); // <body></body>
Ответ написан
1 комментарий
1 комментарий
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript FullStack разработчик
Rocket • Смоленск
от 80 000 до 130 000 ₽
Frontend-разработчик JavaScript
div. • Ставрополь
от 40 000 до 90 000 ₽
Fullstack разработчик JavaScript, php
Дорстрой-36 • Воронеж
от 100 000 до 200 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Разметчик данных (аннотатор, асессор ML-датасетов) на ГПХ
29 нояб. 2024, в 02:30
60000 руб./за проект
Сценарии для REELS в крупном проекте
29 нояб. 2024, в 02:28
100000 руб./за проект
Разместить шаблон сайта с личным кабинетом под хостинг серверов
29 нояб. 2024, в 01:43
7000 руб./за проект
Ещё заказы