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