Свойство parentNode элемента HTML DOM

Определение и использование

parentNode Свойство возвращает родительский узел элемента или узла в виде объекта Node.

Если указанный узел не имеет родительского узла, то возвращается null。

.

Свойство parentNode является только чтением.

См. также:

Свойство childNodes

Свойство firstChild

Свойство lastChild

Свойство nextSibling

Свойство previousSibling

Свойство nodeName

Свойство parentElement

HTML узел и элемент ВHTML DOM

Узел(Документ объектной модели) в HTML-документе является集合ом узлов (или без них), имеющих подузлы.

означает узловые элементы, текстовые узлы и комментарийные узлы.Элемент

Пробелы между ними также являются текстовыми узлами.

А элементы это только узловые элементы.

childNodes (узловые элементы, текстовые узлы и注释овые узлы).Дочерние узлы и дочерние элементыДочерние узлы

children (узловые элементы, текстовые узлы и注释овые узлы).ВозвратДочерние элементы

(не текстовые и注释овые узлы).

Брат и сестраБрат и сестра с элементными братьями

Брат и сестраявляются узлами, имеющими одного родителя (в одном и том же childNodes в списке).

Элементные братьяявляются элементами, имеющими одного родителя (в одном и том же children в списке).

Пример

Пример 1

Получите имя узла родительского узла "myLI":

let name = document.getElementById("myLI").parentNode.nodeName;

Попробуйте сами

Пример 2

Нажмите на элемент (<span>) для скрытия его родительского элемента:

<div>
  <span onclick="this.parentNode.style.display = 'none';">x</span>
</div>

Попробуйте сами

Грамматика

element.parentNode

или

node.parentNode

Возвратное значение

Тип Описание
Узел Родительский узел.
null Если у узла нет родительского узла.

Поддержка браузеров

element.parentnode является свойством DOM Level 1 (1998).

Все браузеры полностью поддерживают его:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Поддержка 9-11 Поддержка Поддержка Поддержка Поддержка