HTML DOM parentElement Property
ဥပမာ
<li> ဒြပ်စင်တစ်ခု၏ ပင်မဒြပ်စင်၏ node အမည်ကို ရယူပါ-
var x = document.getElementById("myLI").parentElement.nodeName;
အောက်တွင် နောက်ထပ် "စမ်းသုံးကြည့်ပါ" ဥပမာများ။
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
parentElement ပိုင်ဆိုင်မှုသည် သတ်မှတ်ထားသောဒြပ်စင်၏ ပင်မဒြပ်စင်ကို ပြန်ပေးသည်။
parentElement နှင့် parentNode အကြားခြားနားချက်မှာ parentElement သည် parent node သည် element node မဟုတ်ပါက null ဖြစ်သည်-
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)
ကိစ္စအများစုတွင်၊ သင်အသုံးပြုသည့်အရာသည် အရေးမကြီးပါ၊ သို့သော်၊ parentNode သည် လူကြိုက်အများဆုံးဖြစ်နိုင်သည်။
ဤပိုင်ဆိုင်မှုသည် ဖတ်ရန်သာဖြစ်သည်။
Browser ပံ့ပိုးမှု
ဇယားရှိ နံပါတ်များသည် ပိုင်ဆိုင်မှုကို အပြည့်အဝထောက်ခံသည့် ပထမဆုံးဘရောက်ဆာဗားရှင်းကို သတ်မှတ်ပေးသည်။
Property | |||||
---|---|---|---|---|---|
parentElement | 1.0 | Yes | 9.0 | Yes | Yes |
အထားအသို
node.parentElement
နည်းပညာဆိုင်ရာအသေးစိတ်
ပြန်ပို့တန်ဖိုး- | node တစ်ခု၏ ပင်မဒြပ်စင် node ကိုကိုယ်စားပြုသော Element object တစ်ခု၊ သို့မဟုတ် node တွင် parent မရှိပါက null |
---|---|
DOM ဗားရှင်း | DOM Level 4 Element Object |
နောက်ထပ် ဥပမာများ
ဥပမာ
၎င်း၏ပင်မဒြပ်စင် (<div>) ကို ဝှက်ထားရန် ဒြပ်စင်တစ်ခု (<span>) ကို နှိပ်ပါ။
<div>
<span onclick="this.parentElement.style.display = 'none';">x</span>
</div>