Задать всем классам чистым JS display: none?

Question

[Роман Савицкий]

Таким вот образом собираю со своей страницы div-ы c классом (pf)
elements = getElementsByClass('pf'),
Моим классам пытаюсь сделать display: none, так elements.style.cssText="display: none;"
но он ругается
console.log(elements); Выдает такое

[div.iphone.pf.phone-left-1, div.iphone.pf.phone-left-2, div.iphone.pf.pd.phone-left-3, div.iphone.pf.pd.phone-left-4, div.iphone.pf.pd.phone-left-5, div.iphone.pf.phone-left-6, div.iphone.pf.pd.phone-left-7, div.iphone.pf.pd.phone-left-8, div.iphone.pf.pd.phone-left-9, div.iphone.pf.phone-left-10]

Подскажите решение этой проблемки

Answer 1

[gleendo]

document.querySelectorAll(".pf").forEach(elem => elem.style.display = "none");

Comments

[Роман Савицкий]

index.html:242 Uncaught TypeError: elements.forEach is not a function

[gleendo]

Роман Савицкий: Исправил

[Роман Савицкий]

evg_: Круто, Благодарю Вас !

[Иван Соломенников]

Почему не getElementsByClassName?

[Роман Савицкий]

getElementsByClassName - надо свою функцию еще писать, я тут javascript.ru/unsorted/top-10-functions#8-geteleme... нашел то, а этот способ легче получился

[Роман Савицкий]

evg_: Такой вопрос, а как еще addClass и removeClass сделать для document.querySelectorAll(".pf"), я тут javascript.ru/unsorted/top-10-functions#8-geteleme... нашел инфу, но что то оно не фурычит

[Иван Соломенников]

Роман Савицкий: Что там сложного в написании колбэк функции?

Answer 2

[Михаил]

getElementsByClassName