HTML DOM Element parentElement गुण

परिभाषा और उपयोग

parentElement प्रतियोगिता वाला एलीमेंट के पैरेंट एलीमेंट को वापसी देता है।

parentElement और parentNode के अंतर का, यदि पैरेंट नोड एलीमेंट नोड नहीं है, तो parentElement वापसी null:

document.body.parentNode; // <html> एलीमेंट वापसी
document.body.parentElement; // <html> एलीमेंट वापसी
document.documentElement.parentNode; // डॉक्यूमेंट नोड वापसी
document.documentElement.parentElement; // नल (html) पैरेंट ELEMENT नोड नहीं है)

अधिकांश मामलों में, कौन-सा गुण उपयोग में लिया जाता है यह अहम नहीं है, लेकिन parentNode सबसे लोकप्रिय हो सकता है।

यह गुण लिंकिट है।

HTML नोड और एलीमेंट

में HTML DOM(डॉक्यूमेंट ऑब्जैक्ट मॉडल) में, HTML डॉक्यूमेंट उप-नोड (या नहीं) वाले नोड समूह है।

नोडएलीमेंट नोड, पाठ नोड और नोट नोड को कहते हैं।

एलीमेंटबीच के खाली स्थान भी पाठ नोड हैं।

जबकि एलीमेंट केवल एलीमेंट नोड है।

उप-नोड और उप-एलीमेंट

childNodes वापसीउप-नोड(एलीमेंट नोड, पाठ नोड और नोट नोड)।

children वापसीउप-एलीमेंटयानी गैर-पाठ और नोट की नोड)।

साथी और एलीमेंट साथी

साथीभाई और बहन हैं।

साथीसमान पैरेंट नोड वाले नोड हैं (उसी समान childNodes सूची में)।

एलीमेंट साथीसमान पैरेंट एलीमेंट वाले एलीमेंट हैं (उसी समान children सूची में)।

उदाहरण

उदाहरण 1

<li> एलीमेंट के पैरेंट एलीमेंट का नोड नाम प्राप्त करें:

var x = document.getElementById("myLI").parentElement.nodeName;

खुद आयात करें

उदाहरण 2

एलीमेंट को क्लिक करें (<span>) ताकि उसका पैरेंट एलीमेंट (<div>) छुप जाए:

<div>
  <span onclick="this.parentElement.style.display = 'none';">x</span>
</div>

खुद आयात करें

व्याकरण

node.parentElement

वापसी मूल्य

प्रकार वर्णन
Element ऑब्जैक्ट इसका नोड का पैरेंट एलेमेंट नोड को सूचित करता है。
null यदि इस नोड का पैरेंट नोड नहीं है।

ब्राउज़र समर्थन

element.parentElement यह DOM Level 3 (2004) विशेषता है।

सभी ब्राउज़र्स इसका पूरा समर्थन करते हैं:

च्रोम आईई एज फायरफॉक्स सैफारी ऑपेरा
च्रोम आईई एज फायरफॉक्स सैफारी ऑपेरा
सापोर्ट 9-11 सापोर्ट सापोर्ट सापोर्ट सापोर्ट