Узел: свойство parentElement

Базовая Широко доступно

Эта функция хорошо зарекомендовала себя и работает на многих устройствах и версиях браузеров. Она доступна в браузерах с июля 2015 года.

Только для чтения parentElement свойство интерфейса Node возвращает родительский узел DOM Element, или null если у узла нет родителя или его родитель не является DOM Element. Node.parentNode с другой стороны возвращает любой тип родителя, независимо от его типа.

Значение

Элемент Element, который является родительским элементом текущего узла, или null если такого нет.

Пример

Использование parentElement

В этом примере родительский элемент node получает красный цвет текста.

if (node.parentElement) {
  node.parentElement.style.color = "red";
}

parentElement равно null

parentElement может быть null если у узла нет родителя (например, потому что он не присоединен к дереву) или его родитель не является Element. С другой стороны, Node.parentNode всегда возвращает родительский узел, который может быть Document или другими типами узлов.

<!doctype html>
<html>
  <body>
    <script>
      const html = document.querySelector("html");
      console.log(html.parentElement); // null
      console.log(html.parentNode); // document
    </script>
  </body>
</html>

Спецификации

Спецификация
DOM # ref-for-dom-node-parentelement①

Совместимость с браузерами

	Рабочий стол					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на iOS	Samsung Internet	WebView Android
`parentElement`	1	12	9	7 До Opera 15 эта функция поддерживалась только на `Element`.	1.1	18	9	10.1 До Opera Android 14 эта функция поддерживалась только на `Element`.	1	1.0	4.4

См. также

Node.parentNode

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/Node/parentElement