Как изменить стиль у всех элементов одного класса через JS?

Question

[Данияр]

У меня есть несколько элементов с одним классом. Как можно изменить стиль у этого класса через JS? document.getElementsByClassName не работает, так как нужно изменить у всех.

Comments

[Ankhena]

document.getElementsByClassName не работает

Он работает.
Но не так, как вам хочется.
https://developer.mozilla.org/ru/docs/Web/API/Docu...

Используйте querySelectorAll и в цикле добавляйте класс.

Типа того

document.querySelectorAll('.class').forEach(elem => elem.classList.add('active'))

изменить стиль

Лучше манипулировать классами.

Answer 1

[Web Programmer Web Programmer]

Например, это можно сделать при помощи метода document.querySelector(".someClass"); В скобочках указывается CSS-селектор элемента, такой же, какой вы пишете в таблице стилей. После того, как вы найдёте нужный элемент, его стилевые свойства можно изменить при помощи свойства style.

Comments

[Ankhena]

Через querySelector 100% не выйдет.

Answer 2

[alexalexes]

Можно воздействовать на конкретный селектор в уже отрендеренных стилях CSS.
document.styleSheets[i].rules[j].selectorText
Но проблема в том, что нужно пробежаться по всем стилям (i - счетчик), в каждом стиле просмотреть текст у селектора (j - счетчик).
Если такой найден, то изменить свойство.

document.styleSheets[i].rules[j].style['имя_свойства'] = значение_свойства;

Подробнее:
https://www.w3.org/wiki/Dynamic_style_-_manipulati...

Answer 3

[Александр]

Можно тупо создать элемент "style" с нужным куском кода и добавить его к body.

e = document.createElement("style");
e.innerHTML=".paginator__item-link{display: none}";
document.body.append(e);