как выбрать элемент с несколькими классами в javascript без использования jquery

год назад

Nikolai Gagarinov

Присоединяйтесь к нашему Telegram-сообществу

Ответы

Метод querySelector выбирает первый элемент, соответствующий заданному селектору. Для выбора элемента с несколькими классами вы можете использовать селектор с точками перед именами классов.

// Предположим, у вас есть следующий HTML:
// <div class="class1 class2 class3">Элемент</div>

const element = document.querySelector('.class1.class2');

if (element) {
    console.log('Элемент найден:', element);
} else {
    console.log('Элемент не найден');
}

В этом примере будет выбран первый элемент, у которого есть одновременно class1 и class2.

Если вам нужно выбрать все элементы с этими классами, используйте querySelectorAll. Этот метод возвращает список всех элементов, соответствующих селектору.

// <div class="class1 class2">Элемент 1</div>
// <div class="class1 class2">Элемент 2</div>
// <div class="class2 class3">Элемент 3</div>

const elements = document.querySelectorAll('.class1.class2');

elements.forEach((el, index) => {
    console.log(`Элемент ${index + 1}:`, el);
});

В этом случае будут выбраны все элементы, которые имеют классы class1 и class2.

9 месяцев назад

Ivan Gagarinov

1 месяц

Основы JavaScript

Синтаксис, основы программирования, переменные, строки, арифметика, условные конструкции, циклы, функции, модули

10 месяцев

Фронтенд-разработчик

Верстка на HTML5 и CSS3, Программирование на JavaScript в браузере, разработка клиентских приложений используя React

2 месяца

ООП на Javascript

Навык глубокого понимания архитектуры и написания чистого кода, позволяющий решать сложные задачи

1 месяц

СИКП на JS

Навык понимать программы на фундаментальном уровне, уверенно проходить собеседования и решать сложные задачи

5 месяцев

Профессиональная верстка

Навык адаптивной вёрстки с современными подходами для корректного отображения сайтов на любых устройствах и разрешениях

Похожие вопросы