parentElement
Обновлено: 20.03.2023
Визначення та використання
Властивість 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 є, мабуть, найпопулярнішим.
Ця властивість доступна лише для читання.
Приклади
Отримайте назву вузла батьківського елемента елемента <li>:
var x = document.getElementById("myLI").parentElement.nodeName;Натисніть на елемент (<span>), щоб приховати його батьківський елемент (<div>):
<div>
<span onclick="this.parentElement.style.display = 'none';">x</span>
</div>Вузли HTML проти елементів
У HTML DOM (Document Object Model) документ HTML — це набір вузлів із дочірніми вузлами (або без них).
Вузли — це вузли елементів, текстові вузли та вузли коментарів.
Пробіли між елементами також є текстовими вузлами.
Елементи є лише вузлами елементів.
childNodes проти дітей
childNodes повертає дочірні вузли (вузли елементів, текстові вузли та вузли коментарів).
children повертає дочірні елементи (не текст і вузли коментарів).
Брати і сестри проти братів і сестер елемента
Брати і сестри - це «брати» і «сестри».
Брати й сестри — це вузли з одним і тим же батьківським вузлом (в одному списку дочірніх вузлів ).
Брати та сестри елементів — це елементи з тим самим батьківським елементом (у тому самому списку дітей ).
Синтаксис
node.parentElement
Технічні деталі
| Повернене значення: | Об’єкт Element, що представляє вузол батьківського елемента вузла, або null , якщо вузол не має батьківського елемента |
|---|