Свойство parentElement в JavaScript

Свойство parentElement в JavaScript представляет родительский элемент DOM-узла.

DOM (Document Object Model) представляет структуру HTML-документа в виде дерева узлов, где каждый узел может иметь дочерние элементы и родительские элементы. Свойство parentElement возвращает родительский элемент текущего узла. Это позволяет получить доступ к родительскому элементу для дальнейшей манипуляции с ним.

Например, если у нас есть элемент HTML следующего вида:

<div>
  <p>Some text</p>
</div>

Мы можем получить доступ к элементу <div> с помощью свойства parentElement у элемента <p>:

const pElement = document.querySelector('p');
const divElement = pElement.parentElement;
console.log(divElement); // <div>...</div>

Заметьте, что если элемент не имеет родительского элемента (например, если это корневой элемент документа), свойство parentElement возвращает null.