पेरेंट नोड

Question

के बारे में जानकारी प्रदर्शित करने के लिए डोम पेड़ को स्थानांतरित करना मुझे लगता है कि यह एक आसान समस्या होनी चाहिए, लेकिन मैं खुद को अटक गया हूं। जो मैं करने की कोशिश कर रहा हूं वह एक तरीका स्थापित करता है ताकि जब भी आप किसी तालिका (या कहीं भी) पर किसी सेल पर क्लिक करते हैं, तो यह प्रत्येक तत्व के पैरेंट नोड को प्रदर्शित करता है, जो अनिवार्य रूप से डोम पेड़ को घुमाता है। मुझे लगा कि मुझे 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; 
    } 
};