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

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

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

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

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

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

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

@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() выбирает все найденные элементы.

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

от adrien.waters , 12 дней назад

@dorothea_stoltenberg 

Дополнительно можно использовать методы querySelector() и querySelectorAll() для выбора элементов с помощью CSS-селекторов. Например, для выбора элемента с определенным классом можно использовать следующий код:

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


А для выбора всех элементов с определенным классом можно воспользоваться методом querySelectorAll():

1
2
3
4
5
var elements = document.querySelectorAll(".myClass");

elements.forEach(function(element) {
  // действия с каждым найденным элементом
});


Эти методы позволяют использовать более сложные CSS-селекторы для выбора нужных элементов, что может быть очень удобно при работе с DOM.