пример
Получить имя узла родительского элемента <li> элемента:
var x = document.getElementById("myLI").parentElement.nodeName;
В результате х будет:
UL
Попробуй сам " Больше "Try it Yourself" примеры ниже.
Определение и использование
Свойство parentElement возвращает родительский элемент указанного элемента.
Разница между parentElement и ParentNode , является то , что parentElement возвращает нулевое значение , если родительский узел не является узлом элемента:
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, вероятно, является наиболее популярным.
Это свойство только для чтения.
Поддержка браузеров
Числа в таблице указать первую версию браузера, которая полностью поддерживает свойство.
Имущество | |||||
---|---|---|---|---|---|
parentElement | 1,0 | да | 9,0 | да | да |
Синтаксис
node .parentElement
Технические подробности
Возвращаемое значение: | Объект Элемент, представляющий родительский узел элемента узла, или нулевой , если узел не имеет родителя |
---|---|
DOM Version | DOM Level 4 Элемента объект |
Еще примеры
пример
Нажмите на элемент (<span>) , чтобы скрыть свой родительский элемент (<div>) :
<div>
<span onclick="this.parentElement.style.display =
'none';">x</span>
</div>
Попробуй сам "