Можно ли изменять параметры стилей нескольким объектам класса CSS через JS?

Question

[scarecrow]

Почему при использовании querySelectorAll получаю ошибку, но если использовать querySelector или же задать каждому элементу id и обращаться к каждому по очереди то все работает?

HTML:

JS:

var menu = document.getElementById("menu");
var punkts = document.querySelectorAll(".punkts");

let check = 0;

function menuactive() {
    
    if(check==0)
    {
        punkts.style.opacity = "0";
        check=1;
    }
    else if(check=1)
    {
        punkts.style.opacity = "100";
        check=0;
    }
}

При использовании querySelectorAll получаю вот такую ошибку:

Answer 1

[Алексей Дубровин]

document.querySelectorAll

- Возвращает масив, а не экземпляр node
По этому и происходит ошибка
Нужно перебрать масив и навешивать на каждую ноду

document.querySelectorAll(".punkts").forEach((item)=>{
console.log(item);
});