Attraversare l'albero DOM per visualizzare le informazioni sul parentNode

Question

Ritengo che questo dovrebbe essere un problema facile, ma purtroppo mi trovo bloccato. Quello che sto cercando di fare è impostare un modo in modo che ogni volta che si fa clic su una cella su una tabella (o ovunque), viene visualizzato il parentNode di ogni elemento, essenzialmente attraversando l'albero DOM. Ho pensato che avrei bisogno di usare elem.parentNode, ma sono bloccato sulla parte di attraversamento. Qualsiasi guru là fuori che può darmi una mano, sarebbe molto apprezzato.

Answer 1

var element; //your clicked element 
while(element.parentNode) { 
    //display, log or do what you want with element 
    element = element.parentNode; 
} 

Answer 2

var tables = document.getElementsByTagName('table'); 
for (var i=0,len=tables.length;i<len;++i){ 
    tables[i].onclick = function(evt){ 
    if (!evt) evt = window.event; 
    var element = evt.target || evt.srcElement; 
    while (element){ 
     console.log(element); 
     element = element.parentNode; 
    } 
    }; 
} 

Se si vuole veramente clic su qualsiasi elemento in tutto il mondo, quindi è sufficiente:

document.body.onclick = function(evt){ 
    if (!evt) evt = window.event; 
    var element = evt.target || evt.srcElement; 
    while (element){ 
    console.log(element); 
    element = element.parentNode; 
    } 
};