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

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

1
2
3
4
5

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

@adela 

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

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

Пример:

1
2
3
4
5

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

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

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