Эффективные способы выбора элементов DOM с определенным атрибутом с использованием чистого JavaScript

Чтобы выбрать все элементы DOM, имеющие определенный атрибут, например атрибут «a», вы можете использовать различные методы в JavaScript. Вот несколько подходов:

Метод 1: использование querySelectorAllс селектором атрибутов

const elements = document.querySelectorAll('[a]');
console.log(elements);

Метод 2: использование getElementsByTagNameи фильтрация по атрибуту

const allElements = document.getElementsByTagName('*');
const elements = Array.from(allElements).filter(element => element.hasAttribute('a'));
console.log(elements);

Метод 3: использование getElementsByClassNameи фильтрация по атрибуту

const elementsWithClass = document.getElementsByClassName('*');
const elements = Array.from(elementsWithClass).filter(element => element.hasAttribute('a'));
console.log(elements);

Метод 4. Использование querySelectorAllс проверкой существования атрибута

const elements = document.querySelectorAll('*[a]');
console.log(elements);

Метод 5: использование querySelectorAllс проверкой значения атрибута

const elements = document.querySelectorAll('*[a="value"]');
console.log(elements);

Обратите внимание, что в приведенных выше фрагментах кода необходимо заменить 'a'фактическим атрибутом, который вы хотите выбрать.