how to get all parent nodes of given element in pure javascript?

Question

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] 

Answer 1

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; } 

Answer 2

You can try something like:

var nodes = []; var element = document.getElementById('yourelement'); nodes.push(element); while(element.parentNode) {     nodes.unshift(element.parentNode);     element = element.parentNode; }