Что такое родитель

«Что такое родитель» — вопрос из категории HTML, который задают на 10% собеседований Frontend Разработчик. Ниже — развёрнутый ответ с разбором ключевых моментов.

Ответ

Родитель (parent) в контексте DOM — это элемент, который содержит другой элемент (дочерний). В JavaScript можно получить родителя через свойство parentNode или parentElement.

const child = document.querySelector('.child');
const parent = child.parentNode; // или child.parentElement

Разница между parentNode и parentElement:

  • parentNode вернёт любой узел (например, текстовый или document)
  • parentElement вернёт только элемент (null, если родитель не элемент)

Пример:

<div class="parent">
  <p class="child">Text</p>
</div>