JS ParentNode - методы и свойства для работы с родительским элементом в JavaScript

В JavaScript свойство parentNode используется для доступа к родительскому элементу узла DOM. Оно возвращает родительский узел текущего элемента.

Пример 1: Использование parentNode с элементом div

javascript
var myDiv = document.getElementById("myDiv"); // Получение элемента div по id
var parentDiv = myDiv.parentNode; // Получение родительского элемента
console.log(parentDiv); // Вывод родительского элемента в консоль

В этом примере мы используем метод getElementById для получения элемента div с id "myDiv". Затем, применяя свойство parentNode, мы получаем родительский элемент этого div. Результат выводится в консоль.

Пример 2: Использование parentNode с текстовым узлом

javascript
var myText = document.createTextNode("Пример текста"); // Создание текстового узла
var parentElement = myText.parentNode; // Получение родительского элемента
console.log(parentElement); // Вывод родительского элемента в консоль

В этом примере мы создаем текстовый узел с помощью метода createTextNode. Затем, применяя свойство parentNode, мы получаем родительский элемент этого текстового узла. Результат выводится в консоль.

Пример 3: Проверка наличия родительского элемента

javascript
var myDiv = document.getElementById("myDiv"); // Получение элемента div по id
var parentDiv = myDiv.parentNode; // Получение родительского элемента
if (parentDiv !== null) {
  console.log("Элемент имеет родительский элемент");
} else {
  console.log("Элемент не имеет родительского элемента");
}

В этом примере мы проверяем, существует ли родительский элемент для элемента div с id "myDiv". Если родительский элемент существует, выводится сообщение "Элемент имеет родительский элемент". В противном случае выводится сообщение "Элемент не имеет родительского элемента".