Logo

Developer learning path

JavaScript

Навигация по DOM в JavaScript

Навигация по DOM

37

#description

Навигация по DOM (Document Object Model) - это процесс поиска и манипулирования элементами HTML-документа с помощью JavaScript. DOM представляет собой иерархическую структуру, которая определяет отношения между элементами документа. Корневым элементом в DOM является объект document, который содержит всю информацию о документе.

Существует множество методов для навигации по DOM.

Некоторые из них:

  1. getElementById() - метод, который возвращает ссылку на элемент документа, который имеет заданный идентификатор (ID).
  1. getElementsByTagName() - метод, который возвращает коллекцию элементов с заданным тегом (например, "div") из документа.
  1. getElementsByClassName() - метод, который возвращает коллекцию элементов с заданным классом из документа.
  1. parentNode - свойство, которое возвращает ссылку на родительский элемент текущего элемента.
  1. childNodes - свойство, которое возвращает коллекцию дочерних элементов текущего элемента.
  1. nextSibling - свойство, которое возвращает ссылку на следующий сестринский элемент текущего элемента.
  1. previousSibling - свойство, которое возвращает ссылку на предыдущий сестринский элемент текущего элемента.

Эти методы и свойства позволяют легко находить нужные элементы в документе и манипулировать ими с помощью JavaScript.

March 25, 2023

Если вам не совсем понятен какой-то абзац текста из лекции, просто нажмите на него и сможете задать уточняющие вопросы по нему.

Если же непонятен весь вопрос, то нажмите на кнопки внизу, чтобы получить новый вариант объяснения, практические примеры или критически оценить сам вопрос.