@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
возвращают коллекцию элементов или первое совпадение соответственно, поэтому вам может понадобиться перебирать элементы коллекции или использовать другие методы, чтобы получить доступ к нужному элементу.