Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Запоминание класса - localstorage (https://javascript.ru/forum/jquery/66774-zapominanie-klassa-localstorage.html)

Nezumi.May 10.01.2017 00:49

Запоминание класса - localstorage
 
Приветствую всех!

Почитала про localStorage и решила, что хочу применить этот скрипт для запоминания выбранной ссылки, например:
<a href="">
<a href="" class="episode">
<a href="">
<button onclick="onclickVhod()">Добавить класс</button>


Мне надо, чтобы при нажатии на кнопку скрипт добавил класс "raz" для ссылки с классом "episode" и запомнил это значение.
Именно к class, а не id. Но никак не получается. Вместо document.getElementById() подставляю getElementsByClassName(), но не работает.

Пробовала поработать с этим:
var episode = document.getElementById('episode');

function onclickVhod() {
episode.className = (episode.className == 'raz') ? '' : 'raz';
localStorage.setItem('hide', episode.className);
}

if(localStorage.getItem('hide') == 'raz') {
document.getElementById('episode').className = 'raz';
}

Скрипт добавляет класс "raz" элементу с id "episode", но это работает только с id, а с class никак не хочет. Буду рада если подскажете как грамотно это организовать. :thanks:

рони 10.01.2017 01:09

Nezumi.May,
Цитата:

Сообщение от Nezumi.May
getElementsByClassName

список, значит индекс элемента в этом списке нужен
.getElementsByClassName()[0].

рони 10.01.2017 01:13

Nezumi.May,
http://javascript.ru/forum/jquery/46...tml#post309055

рони 10.01.2017 01:16

Nezumi.May,
https://learn.javascript.ru/attribut...та-classlist
https://learn.javascript.ru/searching-elements-dom

Nezumi.May 10.01.2017 14:07

Так и думала. Легче задать id выбранному элементу. Спасибо!


Часовой пояс GMT +3, время: 05:53.