HTML DOM နောက်ဆုံးChild Property
ဥပမာ
<ul> ဒြပ်စင်တစ်ခု၏ နောက်ဆုံးကလေး node ၏ HTML အကြောင်းအရာကို ရယူပါ-
var x = document.getElementById("myList").lastChild.innerHTML;
အောက်တွင် နောက်ထပ် "စမ်းသုံးကြည့်ပါ" ဥပမာများ။
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
LastChild ပိုင်ဆိုင်မှုသည် Node အရာဝတ္ထုတစ်ခုအနေဖြင့် သတ်မှတ်ထားသော node ၏ နောက်ဆုံးကလေး node ကို ပြန်ပေးသည်။
ဤပိုင်ဆိုင်မှုနှင့် LastElementChild အကြား ကွာခြားချက် မှာ LastChild သည် နောက်ဆုံးကလေး node အား ဒြပ်စင်အမှတ်အသားတစ်ခု၊ စာသား node သို့မဟုတ် မှတ်ချက် Node (မည်သည့်အရာ၏နောက်ဆုံးပေါ် မူတည်၍) ကို LastChild သည် နောက်ဆုံးကလေး node အား အစိတ်အပိုင်း node တစ်ခုအဖြစ် ပြန်ပေးသည် (စာသားကို လျစ်လျူရှုထားသည် နှင့် comment node များ)။
မှတ်ချက်- ဒြပ်စင်များအတွင်း Whitespace ကို စာသားအဖြစ် သတ်မှတ်ပြီး စာသားကို nodes အဖြစ် သတ်မှတ်သည် ("နောက်ထပ် ဥပမာများကို ကြည့်ပါ")။
ဤပိုင်ဆိုင်မှုသည် ဖတ်ရန်သာဖြစ်သည်။
အကြံပြုချက်- သတ်မှတ်ထားသော node တစ်ခု၏ မည်သည့် ကလေး node ကိုမဆို ပြန်ပေးရန် အတွက် element .childNodes ပိုင်ဆိုင်မှုကို အသုံးပြုပါ။
အကြံပြုချက်- သတ်မှတ်ထားသော node တစ်ခု၏ ပထမကလေး node ကို ပြန်ပေးရန်၊ firstChild ပိုင်ဆိုင်မှုကို အသုံးပြုပါ။
Browser ပံ့ပိုးမှု
Property | |||||
---|---|---|---|---|---|
lastChild | Yes | Yes | Yes | Yes | Yes |
အထားအသို
node.lastChild
နည်းပညာဆိုင်ရာအသေးစိတ်
ပြန်ပို့တန်ဖိုး- | Node အရာဝတ္ထုတစ်ခု၊ node တစ်ခု၏နောက်ဆုံးကလေးအား ကိုယ်စားပြုသော သို့မဟုတ် ကလေး node မရှိပါက null |
---|---|
DOM ဗားရှင်း | Core Level 1 Node Object |
နောက်ထပ် ဥပမာများ
ဥပမာ
ဤဥပမာတွင်၊ whitespace သည် ဤပိုင်ဆိုင်မှုနှင့် မည်သို့အကျိုးသက်ရောက်နိုင်သည်ကို သရုပ်ပြထားပါသည်။
<div> ဒြပ်စင်တစ်ခု၏ နောက်ဆုံး ကုဒ်နံပါတ်၏ node အမည်ကို ရယူပါ။
<!--
Whitespace inside elements is considered as text, and text is considered as nodes
In this example, there is whitespace before <p>, before <span> and after <span>
Therefore, the last child node of <div> is a #text node, and not the <span> element you expected
-->
<div id="myDIV">
<p>Looks like first child</p>
<span>Looks like last Child</span>
</div>
<script>
var x = document.getElementById("myDIV").lastChild.nodeName;
document.getElementById("demo").innerHTML = x;
</script>
ဥပမာ
သို့သော်လည်း၊ ကျွန်ုပ်တို့သည် အရင်းအမြစ်မှ နေရာလွတ်ကို ဖယ်ရှားပါက၊ <div> တွင် #text node များ မရှိတော့ပါ၊၊ ၎င်းသည် <span> ဒြပ်စင်အား နောက်ဆုံးကလေး node အဖြစ် ဖြစ်စေမည်-
<div id="myDIV"><p>First child</p><span>Last Child</span></div>
<script>
var x = document.getElementById("myDIV").lastChild.nodeName;
document.getElementById("demo").innerHTML = x;
</script>
ဥပမာ
<select> ဒြပ်စင်တစ်ခု၏ နောက်ဆုံး ကုဒ်နံပါတ်၏ စာသားကို ရယူပါ။
var x = document.getElementById("mySelect").lastChild.text;
ဆက်စပ်စာမျက်နှာများ
HTML DOM ရည်ညွှန်းချက်- node ပထမကလေးအိမ်ခြံမြေ
HTML DOM ရည်ညွှန်းချက်- node childNodes ပိုင်ဆိုင်မှု
HTML DOM ရည်ညွှန်းချက်- node parentNode ပိုင်ဆိုင်မှု
HTML DOM ရည်ညွှန်းချက်- node နောက်တစ်ခုက မွေးချင်းအိမ်ခြံမြေ
HTML DOM ရည်ညွှန်းချက်- node ယခင်ညီအကိုအိမ်ခြံမြေ
HTML DOM ရည်ညွှန်းချက်- node nodeName Property