Свойство HTML DOM parentElement
Пример
Получите имя узла родительского элемента элемента <li>:
var x = document.getElementById("myLI").parentElement.nodeName;
Другие примеры «Попробуйте сами» ниже.
Определение и использование
Свойство parentElement возвращает родительский элемент указанного элемента.
Разница между parentElement и parentNode заключается в том, что parentElement возвращает null , если родительский узел не является узлом элемента:
document.body.parentNode; // Returns the <html> element
document.body.parentElement; // Returns the <html> element
document.documentElement.parentNode; // Returns the Document node
document.documentElement.parentElement; // Returns null (<html> does not have a parent ELEMENT node)
В большинстве случаев не имеет значения, какое свойство вы используете, однако parentNode, вероятно, является самым популярным.
Это свойство доступно только для чтения.
Поддержка браузера
Цифры в таблице указывают на первую версию браузера, которая полностью поддерживает это свойство.
Property | |||||
---|---|---|---|---|---|
parentElement | 1.0 | Yes | 9.0 | Yes | Yes |
Синтаксис
node.parentElement
Технические детали
Возвращаемое значение: | Объект Element, представляющий узел родительского элемента узла, или null , если узел не имеет родителя. |
---|---|
DOM-версия | Объект элемента DOM уровня 4 |
Дополнительные примеры
Пример
Щелкните элемент (<span>), чтобы скрыть его родительский элемент (<div>):
<div>
<span onclick="this.parentElement.style.display = 'none';">x</span>
</div>