Объект документа JavaScript: методы доступа к элементам HTML

Чтобы получить объект документа в JavaScript, вы можете использовать ключевое слово document. Вот несколько распространенных методов, которые можно использовать с объектом document:

  1. getElementById(id): извлекает элемент из документа на основе его уникального идентификатора.
  2. getElementsByClassName(className): возвращает коллекцию элементов с определенным именем класса.
  3. getElementsByTagName(tagName): извлекает коллекцию элементов с указанным именем тега (например, «div», «p», «a»).
  4. querySelector(selector): возвращает первый элемент, соответствующий указанному селектору CSS.
  5. querySelectorAll(selector): возвращает NodeList, содержащий все элементы, соответствующие указанному селектору CSS.

Вот пример того, как вы можете использовать метод getElementByIdдля получения элемента по его идентификатору:

var element = document.getElementById("myElement");