Traversing lên cây DOM để hiển thị thông tin về parentNode

Question

Tôi cảm thấy đây phải là một vấn đề dễ dàng, nhưng than ôi tôi thấy mình bị mắc kẹt. Những gì tôi đang cố gắng làm là thiết lập một cách để mỗi khi bạn nhấp vào một ô trên bảng (hoặc bất kỳ đâu), nó sẽ hiển thị parentNode của mỗi phần tử, về cơ bản đi qua cây DOM. Tôi figured tôi sẽ cần phải sử dụng elem.parentNode, nhưng tôi bị mắc kẹt trên một phần đi qua. Bất kỳ bậc thầy nào ngoài kia có thể giúp tôi, nó sẽ được đánh giá cao.

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

Nếu bạn thực sự muốn nhấp vào bất kỳ yếu tố ở khắp mọi nơi, sau đó chỉ cần:

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