Получение массива элементов в Javascript с помощью метода querySelestorAll

Часто требуется перебрать несколько элементов с одинаковыми значениями class, либо получить массив совершенно разных элементов. Для этого в Javascript есть метод querySelectorAll. Он работает так же как метод querySelector, но позволяет вернуть массив элементов, перечислив эти элементы через запятую.

<ul>
  <li></li>
  <li class="active"></li>
  <li class="active"></li>
</ul>
<div class="element-div active"></div>
<div id="element-id" class="active"></div>

Создадим массив элементов различных типов перечислив их в querySelectorAll:

var elements = document.querySelectorAll("li, .element-div, #element-id");

for (var i = 0; i < elements.length; i++) {
  elements[i].classList.remove("active");
}

Код удалит class="active" у всех перечисленных элементов.