freeCodeCamp/guide/russian/javascript/html-dom-queryselector/index.md

title, localeTitle

title	localeTitle
HTML DOM querySelector()	HTML DOM querySelector ()

Метод объекта Document querySelector() возвращает первый элемент в документе, который соответствует указанному селектору или группе селекторов. Если совпадений не найдено, возвращается null.

Содержание HTML:

<div id="id-example"></div> 
 <div class="class-example"></div> 
 <a>element-example</a> 

Содержание JavaScript:

document.querySelector("#id-example"); // Возвращает элемент с id "id-example" 
 document.querySelector(".class-example"); // Возвращает элемент с классом "class-example" 
 document.querySelector("a"); // Возвращает элемент "a" 

Заметим, что querySelector() возвращает первый соответствующий элемент, чтобы вернуть все совпадения, используйте метод querySelectorAll ().

<div id="example">First</div> 
 <div id="example">Second</div> 

document.querySelector("#example"); // Возвращает только элемент с содержанием 'First' 

Дополнительная информация:

MDN - document.querySelector ()