Свойство parentElement
Пример
Получить имя узла родительского элемента элемента <li>:
var x = document.getElementById("myLI").parentElement.nodeName;
Попробуйте сами »
Дополнительные примеры "Попробуй сам" приведены ниже.
Определение и использование
Свойство parentElement возвращает родительский элемент указанного элемента.
Разница между parentElement и parentNode, заключается в том, что parentElement возвращает null, если родительский узел не является элементаом узла:
document.body.parentNode; // Возвращает элемент <html>
document.body.parentElement; // Возвращает элемент <html>
document.documentElement.parentNode; // Возвращает документ узла
document.documentElement.parentElement; // Возвращает значение null (<html> не имеет родительского ЭЛЕМЕНТА node)
В большинстве случаев не имеет значения, какое свойство вы используете, однако parentNode, вероятно, является самым популярным.
Это свойство доступно только для чтения.
Поддержка браузера
Цифры в таблице указывают первую версию браузера, которая полностью поддерживает это свойство.
Свойство | |||||
---|---|---|---|---|---|
parentElement | 1.0 | Да | 9.0 | Да | Да |
Синтаксис
node.parentElement
Технические детали
Вернёт значение | Объект элемента, представляющий узел родительского элемента узла, или null, если узел не имеет родительского элемента |
---|---|
DOM Версия | DOM Уровень 4 Объект элемента |
Ещё примеры
Пример
Щелкните по элементу (<span>), чтобы скрыть его родительский элемент (<div>):
<div>
<span onclick="this.parentElement.style.display = 'none';">x</span>
</div>
Попробуйте сами »