JS | querySelector
Метод querySelector находит первый элемент, подходящий условию и возвращает его, а querySelectorAll находит все элементы и возвращает их список.
Эти методы максимально упрощают взаимодействие разработчика с элементами страницы, теперь не нужен jQuery чтоб получить набор элементов по сложному селектору, достаточно написать:
вернет несколько элементов
вернет первый элемент из списка
Данные возвращаются в формате NodeList, для обработки этого списка в цикле можно использовать разные способы:
Метод querySelector находит первый элемент, подходящий условию и возвращает его, а querySelectorAll находит все элементы и возвращает их список.
Эти методы максимально упрощают взаимодействие разработчика с элементами страницы, теперь не нужен jQuery чтоб получить набор элементов по сложному селектору, достаточно написать:
вернет несколько элементов
вернет первый элемент из списка
Данные возвращаются в формате NodeList, для обработки этого списка в цикле можно использовать разные способы:
divs = document.querySelectorAll('div');
// spread operator ES6
[...divs].map(el => el.innerText);
// обычный цикл for
for (var i = 0; i < divs.length; i++) {
console.log('elem: ', divs[i]);
}