JavaScript querySelector: выбор элементов по классу

Метод JavaScript querySelectorпозволяет выбирать элементы в DOM с помощью селекторов CSS. При использовании querySelectorдля выбора элементов по классу вы можете использовать точку (.), за которой следует имя класса.

Вот несколько примеров использования querySelectorдля выбора элементов по классу:

  1. Выбор одного элемента:

    const element = document.querySelector('.className');
  2. Выбор нескольких элементов:

    const elements = document.querySelectorAll('.className');
  3. Выбор элементов внутри определенного родительского элемента:

    const parentElement = document.querySelector('.parentClass');
    const elements = parentElement.querySelectorAll('.className');

Это некоторые из распространенных методов, которые вы можете использовать с querySelectorдля выбора элементов по классу. Не забудьте заменить 'className'фактическим именем класса, на который вы хотите ориентироваться.