Использование querySelectorAll для работы с элементами по ID в JavaScript

Как использовать JavaScript для выборки элементов по ID с помощью querySelectorAll

Метод querySelectorAll в JavaScript является мощным инструментом для выборки элементов DOM. Хотя его чаще всего используют для получения элементов по классам или тегам, он также может быть использован для выборки элементов по ID. В этом руководстве мы рассмотрим, как правильно применять querySelectorAll для работы с элементами, имеющими уникальные идентификаторы.

Что такое querySelectorAll?

querySelectorAll — это метод, который возвращает статический NodeList всех элементов, соответствующих заданному селектору. Он поддерживает все селекторы CSS, что делает его универсальным решением для выборки элементов.

Выборка элементов по ID

Хотя ID должен быть уникальным для каждого элемента на странице, вы можете использовать querySelectorAll для выборки элементов с одинаковыми ID, если они находятся в разных контекстах, например, в разных контейнерах. Однако это не рекомендуется, так как нарушает спецификацию HTML. Тем не менее, вот пример того, как это может быть сделано:

let elements = document.querySelectorAll('