HTML DOM Element ကလေးNodes
Element Object ၊ဥပမာ
<body> ဒြပ်စင်၏ ကလေးဆုံမှတ်များကို ရယူပါ-
const nodeList = document.body.childNodes;
အောက်တွင် နောက်ထပ် ဥပမာများ။
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
childNodes
ပိုင်ဆိုင်မှုသည် ဒြပ်စင်တစ်ခု၏ ကလေးဆုံမှတ်များ၏ စုစည်းမှု (စာရင်း) ကို ပြန်ပေးသည် ။
childNodes
ပိုင်ဆိုင်မှုသည် NodeList အရာဝတ္ထုကို ပြန်ပေးသည် ။
childNodes
ပိုင်ဆိုင်မှုသည် ဖတ်ရန်သာဖြစ်သည် ။
မှတ်ချက်
ဒြပ်စင်များအတွင်း၌ နေရာလွတ်များကို စာသားဆုံမှတ်များအဖြစ် သတ်မှတ်သည်။
မှတ်ချက်များကို node များအဖြစ် သတ်မှတ်သည်။
childNodes[0]
အတူတူပါပဲ firstChild
။
ကွာခြားချက်
ပိုင်ဆိုင်မှုသည် စာသား node များနှင့် comment node များအပါအဝင် ကလေး nodechildNodes
အားလုံးကို ပြန် ပေးမည်ဖြစ်ပြီး၊ ပိုင်ဆိုင်မှုသည် ကလေးဒြပ်စင်များကို သာ ပြန်ပေး ပါသည်။children
ကိုလည်းကြည့်ပါ-
Element လေးတွေကတော့ Property ပါ။
NodeList
NodeList သည် Node Objects ၏ array-like collection (list) တစ်ခုဖြစ်သည်။
NodeList တွင် စာရင်းရှိ node အရေအတွက်ကို ပြန်ပေး သည့် အရှည် ပိုင်ဆိုင်မှုတစ်ခုရှိသည်။
node များကို အညွှန်းနံပါတ်များဖြင့် ဝင်ရောက်ကြည့်ရှုနိုင်ပါသည်။ အညွှန်းကိန်းသည် 0 တွင် စတင်သည်။
အထားအသို
element.childNodes
တန်ဖိုးကို ပြန်ပေးသည်။
ရိုက်ပါ။ | ဖော်ပြချက် |
အရာဝတ္ထု | NodeList object သည် node များစုစည်းမှု ။ မှတ်တမ်းတွင် ပေါ်လာသည့်အတိုင်း ဆုံမှတ်များကို စီထားသည်။ |
နောက်ထပ် ဥပမာများ
<div> ဒြပ်စင်တစ်ခုရှိ ကလေး node အရေအတွက်-
let numb = document.getElementById("myDIV").childNodes.length;
ဒုတိယကလေး node ၏နောက်ခံအရောင်ကို ပြောင်းပါ-
document.getElementById("myDIV").childNodes[1].style.backgroundColor = "yellow";
<select> ဒြပ်စင်တစ်ခု၏ တတိယကလေး node ၏ စာသားကို ရယူပါ-
let text = document.getElementById("mySelect").childNodes[2].text;
ဆက်စပ်စာမျက်နှာများ
Element သည် NextSibling Property ဖြစ်သည်။
Browser ပံ့ပိုးမှု
element.childNodes
DOM Level 1 (1998) အင်္ဂါရပ်တစ်ခုဖြစ်သည်။
ဘရောက်ဆာအားလုံးတွင် ၎င်းကို အပြည့်အဝထောက်ခံသည်-
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |
Element Object ၊