Свойство 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
.