Как получить элемент страницы по селектору

Для получения элемента по селектору в JavaScript есть несколько методов:

1. document.querySelector(selector) - возвращает первый найденный элемент

const btn = document.querySelector('.my-button');

2. document.querySelectorAll(selector) - возвращает NodeList всех элементов

const inputs = document.querySelectorAll('input[type="text"]');

3. Устаревшие, но все еще работающие методы:

• document.getElementById(id)
• document.getElementsByClassName(class)
• document.getElementsByTagName(tag)

Важные нюансы:

• querySelectorAll возвращает статическую коллекцию (не live)
• Для сложных селекторов используйте CSS-нотацию
• Методы возвращают null или пустую коллекцию, если элементы не найдены