JavaScript: как выбирать элементы без определенного класса

Чтобы выбрать элемент в JavaScript, не имеющий определенного класса, можно использовать несколько методов:

Метод 1: использование псевдокласса CSS :not()
Вы можете использовать псевдокласс :not() в сочетании с методом querySelectorAll() для выбора элементов, не имеющих определенного класса. Вот пример:

const elements = document.querySelectorAll(':not(.specific-class)');

При этом будут выбраны все элементы, не имеющие класса «специфический-класс».

Метод 2: использование метода getElementsByClassName()
Другой подход — выбрать все элементы определенного класса, а затем отфильтровать те, которые имеют класс, который вы хотите исключить. Вот пример:

const elements = document.getElementsByClassName('your-class');
const filteredElements = Array.from(elements).filter(element => !element.classList.contains('specific-class'));

Это даст вам массив элементов с классом «ваш-класс», но без класса «конкретный-класс».

Метод 3: использование метода querySelectorAll() и псевдокласса CSS :not().
Вы можете комбинировать метод querySelectorAll() с псевдоклассом :not() для прямого выбора элементов без определенного класса.. Вот пример:

const elements = document.querySelectorAll('*:not(.specific-class)');

При этом будут выбраны все элементы на странице, которые не имеют класса «специфический-класс».