Свойство parentNode в JavaScript
Свойство parentNode
в JavaScript представляет родительский элемент для заданного элемента DOM. Оно возвращает ссылку на родительский узел элемента в дереве DOM.
Например, если у вас есть элемент childElement
и вы хотите получить ссылку на его родительский элемент, то вы можете использовать свойство parentNode
следующим образом:
var parentElement = childElement.parentNode;
Свойство parentNode
доступно для всех элементов в DOM, кроме корневого элемента (обычно это элемент <html>
). Если вы попытаетесь вызвать parentNode
для корневого элемента, оно вернет null
.
Заметьте, что свойство parentNode
является только для чтения, то есть вы не можете присвоить ему новое значение. Если вы хотите переместить элемент в другое место в дереве DOM, вам нужно будет использовать методы appendChild()
, insertBefore()
, replaceChild()
или removeChild()
.
Пример использования свойства parentNode
:
HTML:
<div id="parent">
<div id="child"></div>
</div>
JavaScript:
var child = document.getElementById("child");
var parent = child.parentNode;
console.log(parent.id); // выведет "parent"