Сергей Романенко

Задает стилевой идентификатор — уникальное имя элемента, которое используется для изменения его стиля и обращения к нему через скрипты. Идентификатор в коде документа должен быть в единственном экземпляре, иными словами, встречаться только один раз.

<div class="item">Item1</div>
<div class="item">Item2</div>
<div class="item">Item3</div>

.class {
  color: red;
}

var els = document.querySelectorAll('.item');
[].forEach.call(els, function(el, i, els) {
     el.classList.add("class");
});

<a href="#" class="item">Item1</a>
<a href="#" class="item">Item2</a>
<a href="#" class="item">Item3</a>

.active {
  color: green;
}

var els = document.querySelectorAll('.item');
[].forEach.call(els, function(el, i, els) {
    el.addEventListener('click', function() {
        [].forEach.call(els, function(el) {
            if(el !== this) {
               el.classList.remove("active");
            } else {
               el.classList.add("active");
            }
        }, this);
    });
});