как выбрать элемент с несколькими классами в javascript без использования jquery
Ответы
Метод 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.
0
0
