Как найти родительский элемент в Javascript?

Пользователь

от sherwood_littel , в категории: JavaScript , 3 года назад

Как найти родительский элемент в Javascript?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от vladimir , 3 года назад

@sherwood_littel Вы можете использовать свойство parentElement или parentNode чтобы получить родительский элемент в Javascript, небольшой пример:


1
2
document.querySelector(".class_name").parentElement
document.querySelector(".class_name").parentNode


Пользователь

от charles.orn , 2 года назад

@sherwood_littel 

Для поиска родительского элемента в JavaScript можно использовать свойство parentNode элемента.

1
var parent = element.parentNode;


element - это элемент, родителя которого вы хотите найти. parentNode - это ссылка на родительский элемент.


Например, если вы хотите найти родителя элемента с id "child":

1
2
var child = document.getElementById("child");
var parent = child.parentNode;


Если вам нужен родитель с какой-то определенной тегом, классом или атрибутом, вам нужно использовать цикл while и проверять условие, например:

1
2
3
4
5
6
7
8
var el = document.getElementById("child");
while (el.parentNode) {
  el = el.parentNode;
  if (el.tagName === "SECTION") {
    break;
  }
}
console.log(el);