HTML DOM Element firstChild သတင်း
အကြောင်းကြောင်း နှင့် အသုံးပြုခြင်း
firstChild
သတင်း ကို ပထမဆုံး တစ်ခု စက်ဝိုက် လက်တွေ့ မူကျင်း ပြောဆိုသည် ကို Node သတင်း ဖြင့်。
firstChild
သတင်း သာမက ကြည်းတင်း
firstChild
သတင်း နှင့် childNodes[0]
တူညီသည်。
အကြောင်းကြောင်း
firstChild
ပထမဆုံး တစ်ခု စက်ဝိုက် လက်တွေ့ မူကျင်း ပြောဆိုသည်: အစိတ်တိုက် လက်တွေ့ မူကျင်း သတင်း သို့မဟုတ် လက်တွေ့ သတင်း သို့မဟုတ် အသုံးချက် လက်တွေ့ မူကျင်း သတင်း。
အစိတ်တိုက် လက်တွေ့ မူကျင်း လက်တွေ့ သတင်း ဖြစ်သည်。
အခြား ကိုယ်ချင်း:
firstElementChild သတင်း - firstElementChild
သတင်း ကို ပထမဆုံး တစ်ခု စက်ဝိုက် လက်တွေ့ မူကျင်း ပြောဆိုသည် (လက်တွေ့ သတင်း နှင့် အသုံးချက် လက်တွေ့ မူကျင်း လွဲပြောင်းသည်)。
အခြား ကြည်းတင်း:
childNodes သတင်း
lastChild သတင်း
nextSibling သတင်း
previousSibling သတင်း
လက်တွေ့ သတင်း
parentNode သတင်း
nodeName သတင်း
nodeType သတင်း
nodeValue သတင်း
အကြောင်းကြောင်း
ဘား 1
ပထမဆုံး တစ်ခု စက်ဝိုက် လက်တွေ့ မူကျင်း ပြောဆိုသည်:
document.getElementById("myList").firstChild.innerHTML;
亲自试一试
ဘား 2
ပထမဆုံး တစ်ခု စက်ဝိုက် လက်တွေ့ မူကျင်း ပြောဆိုသည်:
let text = document.getElementById("mySelect").firstChild.text;
亲自试一试
ဘား 3
မတ်တပ် လောက် ပြောဆိုခြင်း ကို ပြသည်။
ကိုယ်ချင်း "myDIV" ကို ပထမဆုံး တစ်ခု စက်ဝိုက် လက်တွေ့ မူကျင်း ပြောဆိုသည်:
<div id="myDIV">
Looks like first child
Looks like last Child
亲自试一试
例子 4
但是,如果您从源中删除空格,则 "myDIV" 中没有 #text 节点:
亲自试一试
HTML 节点与元素
在 HTML DOM(文档对象模型)中,HTML 文档是拥有(或没有)子节点的节点集合。
ကိုယ်စားပြု是元素节点、文本节点和注释节点。
အစားထိုးအရွက် အကြား အချိန် မှာ ရှိ မည့် အချက်အလက် လည်း အချက်အလက် အချက်အလက် ဖြစ်သည်。
အစားထိုး အချက်အလက် သည် အစားထိုး အချက်အလက် ဖြစ်သည်。
လျှပ်ပ်ခြင်း နှင့် အရွက်
childNodes ပြန်လည်ပေးသည်လျှပ်ပ်ခြင်း(အစားထိုး အချက်အလက် အချက်အလက် နှင့် ရှိ မည့် အချက်အလက် အချက်အလက်)。
children ပြန်လည်ပေးသည်ပြည့်ပြည့် အရွက်(အခြား ရှိ မည့် ရှိ မည့် ရှိ မည့် ရှိ မည့် အချက်အလက် မပြန်လည်ပေးသည်)。
firstChild နှင့် firstElementChild
firstChild ပြန်လည်ပေးသော ပထမဆုံးလျှပ်ပ်ခြင်း(အစားထိုး အချက်အလက် အချက်အလက် နှင့် ရှိ မည့် အချက်အလက် အချက်အလက်)。အရွက် အကြား အချိန် မှာ ရှိ မည့် အချက်အလက် လည်း အချက်အလက် အချက်အလက် ဖြစ်သည်。
firstElementChild ပြန်လည်ပေးသော ပထမဆုံးပြည့်ပြည့် အရွက်(အခြား ရှိ မည့် ရေးသားချက် လိုက်ချက် နှင့် သတင်းများ မပြန်လည်ပေးသည်)。
lastChild နှင့် lastElementChild
lastChild ပြန်လည်ပေးသော ပထမဆုံးလျှပ်ပ်ခြင်း(အစားထိုး အချက်အလက် အချက်အလက် နှင့် ရှိ မည့် အချက်အလက် အချက်အလက်)。အရွက် အကြား အချိန် မှာ ရှိ မည့် အချက်အလက် လည်း အချက်အလက် အချက်အလက် ဖြစ်သည်。
lastElementChild ပြန်လည်ပေးသော ပထမဆုံးပြည့်ပြည့် အရွက်(အခြား ရှိ မည့် ရေးသားချက် လိုက်ချက် နှင့် သတင်းများ မပြန်လည်ပေးသည်)。
ဘရပ်ဆိုက် ထောက်ပံ့
element.firstChild
ဖြစ်သည်် DOM Level 1 (1998) အခြေခံအရာများအပါအဝင်။
အားလုံး ဘရပ်ဆိုက် ကို အပြည့်အဝင့် ထောက်ပံ့သည်:
Chrome |
IE |
Edge |
Firefox |
Safari |
Opera |
Chrome |
IE |
Edge |
Firefox |
Safari |
Opera |
ထောက်ပံ့ |
9-11 |
ထောက်ပံ့ |
ထောက်ပံ့ |
ထောက်ပံ့ |
ထောက်ပံ့ |