querySelector()
Возвращает первый элемент, подходящий под CSS-селектор, или null.
Сигнатура
element.querySelector(selector)Принимает любой CSS-селектор и возвращает первый совпавший элемент или null. Самый универсальный метод поиска: работает с классами, id, атрибутами и комбинаторами.
// <div class="card"><span class="title">Hi</span></div>
const title = document.querySelector('.card .title');
console.log(title.textContent); // 'Hi'
console.log(document.querySelector('#нет')); // null