parentNode

Поддержка браузерами

Описание

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

Каждый узел имеет свойство parentNode, указывающее на его родительский элемент в дереве документа. Свойство parentNode доступно только для чтения.

В HTML-документе родительским узлом для корневого элемента (<html>) является объект document.

Синтаксис

parent = node.parentNode

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

Пример

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Название документа</title>
</head>
<body>

  <ul id="list1"><li>Кофе</li><li>Чай</li></ul>
  <p id="test">Нажмите на кнопку, чтобы узнать какой родитель у пункта списка.<p>
  <button type="button" onclick="getParent()">Кнопка</button>

  <script>
    function getParent() {
      var x = document.getElementById("test");
      var y = document.getElementsByTagName("li")[0];
      x.innerHTML = 'Родитель пункта списка: ' + y.parentNode.nodeName;
    }
  </script>

</body>
</html>

Попробовать »