Свойство parentElement
Примеры element.parentElement
Получить имя узла родительского элемента элемента <li>:
var x = document.getElementById("myLI").parentElement.nodeName;
Попробуйте сами »
Щелкните элемент (<span>), чтобы скрыть его родительский элемент (<div>):
<div>
<span onclick="this.parentElement.style.display = 'none';">x</span>
</div>
Попробуйте сами »
Описание parentElement
Свойство parentElement возвращает родительский элемент указанного элемента.
Разница между parentElement и parentNode заключается в том, что parentElement возвращает null, если родительский узел не является узлом элемента:
document.body.parentNode; // Возвращает элемент <html>
document.body.parentElement; // Возвращает элемент <html>
document.documentElement.parentNode; // Returns the Document node
document.documentElement.parentElement; // Возвращает null (<html> не имеет родительского узла ELEMENT)
В большинстве случаев не имеет значения, какое свойство вы используете, однако parentNode, вероятно, является самым популярным.
Это свойство доступно только для чтения.
HTML Nodes или Elements
В HTML DOM (объектной модели документа) HTML-документ представляет собой набор узлов с дочерними узлами (или без них).
Nodes являются узлами элементов, текстовыми узлами и узлами комментариев.
Пробелы между элементами также являются текстовыми узлами.
Elements являются только узлами элементов.
childNodes или children
childNodes возвращает дочерние узлы (узлы элементов, текстовые узлы и узлы комментариев).
children возвращает дочерние элементы (не текстовые узлы и узлы комментариев).
Siblings или Element Siblings
Siblings "братья" и "сестры".
Siblings являются узлами с одним и тем же родителем (в одном списке childNodes).
Element Siblings являются элементами с одним и тем же родителем (в одном и том же списке дочерних элементов).
Синтаксис parentElement
node.parentElement
Технические детали parentElement
| Возвращаемое значение: | Объект Element, представляющий родительский элемент узла, или null, если у узла нет родителя |
|---|
Поддержка parentElement
element.parentElement является особенностью DOM уровня 3 (2004).
Он полностью поддерживается во всех современных браузерах:
| Chrome | Edge | Firefox | Safari | Opera | IE |
| Да | Да | Да | Да | Да | 11 |