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

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

от adrien.waters , в категории: JavaScript , 7 месяцев назад

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

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

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

от nicolette.stoltenberg , 7 месяцев назад

@adrien.waters 

Чтобы выбрать элементы на странице по их class или id с помощью JavaScript, можно использовать методы querySelector и querySelectorAll.


Метод querySelector выбирает первый элемент, соответствующий указанному селектору CSS. Синтаксис для выбора элементов по class или id следующий:

1
2
3
4
5
// Выбрать первый элемент с указанным class
const elementWithClass = document.querySelector('.class-name');

// Выбрать первый элемент с указанным id
const elementWithId = document.querySelector('#id-name');


Метод querySelectorAll выбирает все элементы, соответствующие указанному селектору CSS, и возвращает их в виде списка (NodeList). Синтаксис для выбора элементов по class или id такой:

1
2
3
4
5
// Выбрать все элементы с указанным class
const elementsWithClass = document.querySelectorAll('.class-name');

// Выбрать элемент с указанным id
const elementWithId = document.querySelectorAll('#id-name');


Здесь .class-name и #id-name - это CSS-селекторы для выбора элементов по классу и id соответственно. Замените class-name и id-name на соответствующие значения, чтобы выбрать нужный элемент.