Как обраться к class или id через javascript?

Пользователь

от buster , в категории: JavaScript , год назад

Как обраться к class или id через javascript?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от kenya , год назад

@buster 

Вы можете обратиться к классу или идентификатору элемента с помощью методов getElementsByClassName, getElementById или querySelector.


Пример использования getElementsByClassName:

1
var elements = document.getElementsByClassName("myClass");


где "myClass" - это имя класса элемента, к которому вы хотите обратиться. Этот метод возвращает коллекцию элементов с заданным классом.


Пример использования getElementById:

1
var element = document.getElementById("myId");


где "myId" - это идентификатор элемента, к которому вы хотите обратиться. Этот метод возвращает элемент с указанным идентификатором или null, если элемент не найден.


Пример использования querySelector:

1
var element = document.querySelector(".myClass");


где ".myClass" - это селектор CSS класса элемента, к которому вы хотите обратиться. Этот метод возвращает первый совпадающий элемент с указанным селектором или null, если элемент не найден.


Вы также можете составлять селекторы с использованием идентификатора или класса элемента, например:

1
var element = document.querySelector("#myId span.myClass");


где "#myId span.myClass" - это селектор, который соответствует элементу с идентификатором "myId" и вложенному элементу с классом "myClass".


Заметьте, что методы getElementsByClassName и querySelector возвращают коллекцию элементов или первое совпадение соответственно, поэтому вам может понадобиться перебирать элементы коллекции или использовать другие методы, чтобы получить доступ к нужному элементу.