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