Как открыть CSS селектор при помощи onclick?

Question

[r2wall]

Как открыть CSS селектор при помощи onclick?

Имеется CSS селектор .popup , который открывает всплывающее окно, как через JavaScript Onlick можно его открыть?

Comments

[Сергей delphinpro]

недостаточно информации

Answer 1

[Артём Дайнов]

Очень легко и просто.
1. нужно убедиться, какой именно вам нужен элемент, так как классы являются массивом.
То есть, если у вас есть класс, к примеру .myclass, то он будет представлен как массив.
2. Найти на странице этот силектор и пройти по массиву циклом, а там назначить onclick.
Должно быть что-то подобное.

let popup = document.querySelectorAll(".popup");
popup.forEach(function(data,index){
data.onclick = function() {
// Тут какие-то действия с нажатым элементом.
}
});

Comments

[Сергей delphinpro]

1. Класс является строкой, ни больше, ни меньше. Потому что это всего лишь значение атрибута.
2. Массивом может быть коллекция элементов, имеющих данный класс. Но даже это неверно, потому что метод querySelectorAll() возвращает объект типа NodeList. Да, он частично ведёт себя как массив, его можно итерировать циклами, но это не массив.
3. Найти на странице селектор тоже нельзя. Потому что селектор – это тоже просто строка, – выражение, по которому можно выбрать элементы.
4. Про onclick стоит забыть. Случаев его оправданного использования крайне мало. Следует использовать addEventListener().

[Артём Дайнов]

Сергей delphinpro, Ага, автор сам просил onclick, а так да, лучше addEventListener.