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

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

@adrien.waters 

Например, если у вас есть элемент с классом "example", чтобы выбрать его с помощью JavaScript, можно сделать следующим образом:

1

const elementWithClass = document.querySelector('.example');

Или если у вас есть элемент с id "unique-element", чтобы выбрать его:

1

const elementWithId = document.querySelector('#unique-element');

Также можно выбрать все элементы с определенным классом. Например, все элементы с классом "items":

1

const elementsWithClass = document.querySelectorAll('.items');

Или выбрать элементы с определенным id (хотя id должен быть уникальным на странице, поэтому обычно используют для выбора только одного элемента):

1

const elementWithId = document.querySelectorAll('#unique-element');