Смена стилей у классов в конкретном случае

293
03 ноября 2017, 12:40

Имеется такой код:

JS:

document.body.style.backgroundColor = sessionStorage.getItem('bg');
document.body.style.color = sessionStorage.getItem('cc');
  function dark() {
    if (sessionStorage.getItem('bg') === '#1e1e1e') {
      sessionStorage.setItem('bg', '#ddd');
      sessionStorage.setItem('cc', '#222');
    }
    else if (sessionStorage.getItem('bg') == null || undefined) {
      sessionStorage.setItem('bg', '#1e1e1e');
      sessionStorage.setItem('cc', '#eee');
    }
    else if(sessionStorage.getItem('bg') === '#ddd') {
      sessionStorage.setItem('bg', '#1e1e1e');
      sessionStorage.setItem('cc', '#eee');
    }
    document.body.style.backgroundColor = sessionStorage.getItem('bg');
    document.body.style.color = sessionStorage.getItem('cc');
  }    

У меня выводится информация из БД в блоках и я хочу изменить стили этих самых блоков. Через ID очевидно не выйдет, скрипт изменит только последний блок. Так вот, как в данном случае изменить стили для классов?

Буду признателен за правку кода

Ссылка на сodepen для удобства

READ ALSO
Cannot read property 'innerHTML' of null [дубликат]

Cannot read property 'innerHTML' of null [дубликат]

На данный вопрос уже ответили:

283
Node.js + jsdom + canvas

Node.js + jsdom + canvas

Необходимо автоматизировать тестирование библиотеки на JSСреда для тестирования Node

296
Возврат значения из ajax CEF

Возврат значения из ajax CEF

Пытаюсь исполнить AJAX запрос из CEF браузераПроблема в том, что скрипт не дожидается, пока придет ответ от AJAX и возвращает NULL

294
Как передать возврат js функции в cgi

Как передать возврат js функции в cgi

Есть хеш, который генерированный js функциейНеобходимо его передать другой функции которая написана на си в файле

264