Почему тут используют forEach, это же не массив?

Question

[L1nw0od]

Доброго времени суток.
Подскажите пожалуйста - почему тут используют фор ич?
Очень часто в подобных ф-ях встречаю такое.

const section = document.querySelector("section"),
      hireBtn = document.querySelector(".profile .button");
      cancelBtn = document.querySelectorAll("#close");
      

hireBtn.addEventListener("click", ()=>{
    section.classList.add("active");
})
cancelBtn.forEach(cBtn => {
    cBtn.addEventListener("click", () =>{
        section.classList.remove("active");
    })
});
console.log(cancelBtn);

Comments

[edward_freedom]

querySelectorAll возвращает же NodeList

[Ankhena]

Потому что querySelectorAll возвращает коллекцию, которую тоже как-то нужно перебрать.

[L1nw0od]

Ankhena, а если был бы один элемент querySelector - то тогда это не подходило бы - правильно?

[Alex_mos]

L1nw0od, если один элемент, то и перебирать нечего)

[Ankhena]

L1nw0od, ну зачем один-то перебирать? Он и так один.

И у вас там # стоит, т.е. выбор по id. id в рамках страницы должны быть уникальными. Нужно либо убрать All, либо сделать выборку по классам.

[GrayHorse]

id в рамках страницы должны быть уникальными.

Разрабы Youtube посмеялись. document.querySelectorAll("#text")

Answer 1

[ikutin666]

document.querySelectorAll("#close") получает коллекцию всех тегов такое тоже может быть, с точки зрения семантики это неправильно

Comments

[Владимир]

Даже если id один на странице querySelectorAll тебе все равно вернет коллекцию из одного елемента.

[ikutin666]

ну так это все равно коллекция хоть и из одного элемента