HTML DOM पेरेंट एलिमेंट प्रॉपर्टी
उदाहरण
<li> तत्व के मूल तत्व का नोड नाम प्राप्त करें:
var x = document.getElementById("myLI").parentElement.nodeName;
नीचे और अधिक "इसे स्वयं आज़माएं" उदाहरण।
परिभाषा और उपयोग
माता-पिता की संपत्ति निर्दिष्ट तत्व का मूल तत्व लौटाती है।
पेरेंट एलीमेंट और पेरेंट नोड के बीच का अंतर यह है कि अगर पैरेंट नोड एलिमेंट नोड नहीं है तो पेरेंट एलीमेंट अशक्त हो जाता है:
document.body.parentNode; // Returns the <html> element
document.body.parentElement; // Returns the <html> element
document.documentElement.parentNode; // Returns the Document node
document.documentElement.parentElement; // Returns null (<html> does not have a parent ELEMENT node)
ज्यादातर मामलों में, इससे कोई फर्क नहीं पड़ता कि आप किस संपत्ति का उपयोग करते हैं, हालांकि, पेरेंटनोड शायद सबसे लोकप्रिय है।
यह संपत्ति केवल पढ़ने के लिए है।
ब्राउज़र समर्थन
तालिका में संख्याएं पहले ब्राउज़र संस्करण को निर्दिष्ट करती हैं जो पूरी तरह से संपत्ति का समर्थन करता है।
Property | |||||
---|---|---|---|---|---|
parentElement | 1.0 | Yes | 9.0 | Yes | Yes |
वाक्य - विन्यास
node.parentElement
टेक्निकल डिटेल
प्रतिलाभ की मात्रा: | एक तत्व वस्तु, नोड के मूल तत्व नोड का प्रतिनिधित्व करती है, या शून्य यदि नोड में कोई माता-पिता नहीं है |
---|---|
डोम संस्करण | डोम स्तर 4 तत्व वस्तु |
और ज्यादा उदाहरण
उदाहरण
किसी तत्व (<span>) पर उसके मूल तत्व (<div>) को छिपाने के लिए क्लिक करें:
<div>
<span onclick="this.parentElement.style.display = 'none';">x</span>
</div>