如何在纯JavaScript中获取给定元素的所有父节点？ [英] how to get all parent nodes of given element in pure javascript?

问题描述

我的意思是他们的数组。这是从顶部HTML到目标元素（包括元素本身）的链。

例如元素< A> 它将是：

  [HTML，BODY，DIV，DIV，P，SPAN，A] 
  




解决方案

稍微更短（因为 target 可能找不到）：

  var a = document.getElementById（target）; 
 var els = []; 
（a）{
 els.unshift（a）; 
 a = a.parentNode; 
} 
  




I mean an array of them. That is a chain from top HTML to destination element including the element itself.

for example for element <A> it would be:

[HTML, BODY, DIV, DIV, P, SPAN, A]

解决方案

A little shorter (and safer, since target may not be found):

var a = document.getElementById("target");
var els = [];
while (a) {
    els.unshift(a);
    a = a.parentNode;
}

这篇关于如何在纯JavaScript中获取给定元素的所有父节点？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！