Доступ к узлам

Каждый отдельный узел-элемент представляется в виде объекта со свойствами.

В ходе разработки нам бывает нужен доступ к одному конкретному элементу или к группе элементов.

Распространенные методы получения доступа к элементам.

Метод	Что возвращает
document.querySelector(selector)	объект
document.getElementById(id)	объект
document.querySelectorAll(selector)	псевдомассив объектов (NodeList)
document.getElementsByClassName(className)	псевдомассив объектов (HTMLCollection)

При вызове универсальных методов querySelector и querySelectorAll нужно передавать аргументом селектор элемента так, как мы к нему обращаемся в css:

selector тега - имя тега, например body

selector идентификаторы - всегда с # и уникален на странице

selector класса - всегда с ., не уникален

selector атрибута - всегда в [attribute], может быть со значением и без

selector потомка - селектор_родителя селектор_потомка_любого_уровня_вложенности

selector ребенка - селектор_родителя > селектор_ребенка_первого_уровня_вложенности