DOMツリーを走査してparentNodeに関する情報を表示します

Question

これは簡単な問題ではないかと感じていますが、うんざりしています。私がしようとしているのは、テーブル（またはどこか）のセルをクリックするたびに、各要素のparentNodeを表示し、基本的にDOMツリーを走査するように設定されています。私はelem.parentNodeを使う必要があると考えましたが、私は移動する部分についています。私の助けとなる助産師があれば、大いに感謝します。あなたは本当に、単に、どこでも任意の要素をクリックする場合

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

は：

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