जावास्क्रिप्ट का उपयोग करके मूल तत्व तक पहुँचने के लिए कोड निम्नलिखित है -

उदाहरण

<शीर्षक>दस्तावेज़<शैली> बॉडी { फॉन्ट-फ़ैमिली:"सेगो यूआई", ताहोमा, जिनेवा, वर्दाना, सेन्स-सेरिफ़; } .result {फ़ॉन्ट-आकार:18पीएक्स; फ़ॉन्ट-वजन:500; रंग:#8a2be2; } .parent1, .parent2, .parent3 { डिस्प्ले:इनलाइन-ब्लॉक; मार्जिन:10px; } .child1, .child2, .child3 {चौड़ाई:70px; ऊंचाई:70 पीएक्स; } .child1 {पृष्ठभूमि-रंग:लाल; } .child2 {पृष्ठभूमि-रंग:गुलाबी; } .child3 {पृष्ठभूमि-रंग:नीला; }
जावास्क्रिप्ट का उपयोग करके पैरेंट एलीमेंट को एक्सेस करना
Child 1
बच्चा 2

बच्चा 3

 ।नतीजा"); document.querySelector(.child3").addEventListener("click", (event) => { resEle.innerHTML ="पैरेंट नोड है" + event.target.parentNode.className; }); document.querySelector(.child1").addEventListener("click", (event) => {resEle.innerHTML ="पैरेंट नोड है" + event.target.parentNode.className; }); document.querySelector(.child2").addEventListener("click", (event) => { resEle.innerHTML ="पैरेंट नोड है" + event.target.parentNode.className; }); 
आउटपुट
 

 
 

 किसी भी डिव पर क्लिक करने पर, निम्न आउटपुट तैयार होगा -