Как найти элемент по атрибуту в Javascript?

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

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

Как найти элемент по атрибуту в Javascript?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

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

от clifford , 2 года назад

@adela Вы можете использовать querySelector() или querySelectorAll() функцию в Javascript, чтобы найти элемент по аттрибуту в Javascript, посмотрите пример:


1
2
3
4
5
// Первый найденный элемент
document.querySelector('[data-attr="test"]');
// Если больше 1 элемента 
// и вернет массив элементов
document.querySelectorAll('[data-attr="test"]');


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

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

@adela 

Вы можете использовать метод querySelector() или querySelectorAll(), чтобы найти элементы на странице по их атрибуту.


querySelector() возвращает первый элемент, который соответствует селектору, а querySelectorAll() возвращает все элементы, которые соответствуют селектору.


Пример:

1
2
3
4
5
// Найти элемент с атрибутом data-example
const element = document.querySelector('[data-example]');

// Найти все элементы с классом example
const elements = document.querySelectorAll('.example');


В обоих случаях селектор в квадратных скобках [] указывает имя атрибута, который нужно найти.