Как выбрать class/id с помощью javascript?

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

от dorothea_stoltenberg , в категории: JavaScript , 4 месяца назад

Как выбрать class/id с помощью javascript?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

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

от buster , 4 месяца назад

@dorothea_stoltenberg 

Для выбора элемента с помощью JavaScript можно использовать функции getElementById() и getElementsByClassName().


getElementById() выбирает элемент по его идентификатору (id):

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


getElementsByClassName() выбирает элементы по их классу (class):

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


Если нужно выбрать несколько элементов с помощью класса, то следует пройтись по полученному списку элементов через цикл:

1
2
3
4
var elements = document.getElementsByClassName("myClass");
for (var i = 0; i < elements.length; i++) {
  // ...
}


Также можно использовать селекторы CSS для выбора элементов:

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


Здесь ".myClass" — это CSS-селектор, который выбирает элемент(ы) с классом "myClass". Функция querySelector() выбирает первый найденный элемент, а querySelectorAll() выбирает все найденные элементы.