JavaScript QuerySelector

Метод `querySelector` в JavaScript используется для выбора первого элемента в документе, соответствующего указанному CSS-селектору. Он возвращает ссылку на найденный элемент или `null`, если ни один элемент не соответствует указанному селектору.

Примеры использования метода `querySelector`:

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

javascript
const elementById = document.querySelector("#myElementId");

2. Выбор элемента по его классу:

javascript
const elementByClass = document.querySelector(".myElementClass");

3. Выбор элемента по его типу тега:

javascript
const elementByTag = document.querySelector("div");

4. Комбинированный выбор элемента по селектору:

javascript
const combinedSelector = document.querySelector("div#myElementId.myElementClass");

5. Выбор вложенного элемента:

javascript
const nestedElement = document.querySelector("#parentElementId .nestedElementClass");

Метод `querySelector` работает похожим образом, как методы `getElementById`, `getElementsByClassName` и `getElementsByTagName`, но позволяет осуществлять более сложные выборки с использованием CSS-селекторов.

Метод `querySelector` может быть полезен, когда необходимо выбрать один конкретный элемент из документа или когда требуется выполнить операции над выбранными элементами. Например, можно изменить содержимое выбранного элемента или добавить обработчик событий к нему.

html
Пример текста
Другой элемент
...

В данном примере, метод `querySelector` используется для выбора элемента с id "myElementId", после чего меняется его текстовое содержимое на "Новый текст" и цвет текста на красный.