HTML DOM Element children လက်တွေ

အသုံးပြုခြင်း နှင့် အပြောင်းအလဲ

children လက်တွေ က အစိတ်အပျက်သင်္ကေတအပါအဝင် ကောက်နုတ်သည် အပေါင်းအချင်းကို ပြန်လည်

children လက်တွေ က HTMLCollection အပေါင်းအချင်းကို ပြန်လည်

တဖက်တည်းမဟုတ်

firstElementChild လက်တွေ

lastElementChild လက်တွေ

nextElementSibling လက်တွေ

previousElementSibling လက်တွေ

childElementCount လက်တွေ

childNodes လက်တွေ

HTML သတင်းစကား နှင့် အစိတ်အပျက်သင်္ကေတ

တွင် HTML DOM（ဖော်ပြရေး အချက်အလက်အဆိုအချက်အလက်）တွင် HTML ဖော်ပြရေး ဖော်ပြသည် အစိတ်အပျက်သင်္ကေတအပါအဝင် ဖြစ်သည် (သို့မဟုတ် မပါဘဲ)

သတင်းကိုယ်အစိတ်အပျက်သင်္ကေတအပါအဝင် စာသင်္ကေတအပါအဝင် မှတ်ချက်သင်္ကေတအပါအဝင်

အစိတ်အပျက်သင်္ကေတအကြားရှိသည် အချိန်မှာ စာသင်္ကေတအပါအဝင်

အစိတ်အပျက်သင်္ကေတသာ

ကောက်နုတ်သည် နှင့် ကောက်နုတ်သည်

childNodes ပြန်လည်ကောက်နုတ်သည်（အစိတ်အပျက်သင်္ကေတအပါအဝင် စာသင်္ကေတအပါအဝင် မှတ်ချက်သင်္ကေတအပါအဝင်）

children ပြန်လည်ကောက်နုတ်သည်（သို့မဟုတ် စာသင်္ကေတနှင့် မှတ်ချက်သင်္ကေတအပါအဝင်）

အခြားသူတို့နှင့် အဆက်အစ်ဆက်

အပိုင်းကိုယ်တိုင်းနှင့် ကိုယ်တိုင်းမျိုး

အပိုင်းသည် အတူတူ အဖိုင်ပိုင်ရှိ အချက်အလက် (အတူတူ အဖိုင်ပိုင် တွင်) childNodes အခြေခံ

အခြေခံ အပိုင်းတို့သည် အတူတူ အဖိုင်ပိုင်ရှိ အရာဝတ္တု (အတူတူ အဖိုင်ပိုင် တွင်) children အခြေခံ

အမှတ်

အမှတ် 1

<body> အရာဝတ္တု တွင် အစိတ်အပိုင်း လွှမ်းလှမ်း ကို ရယူကြည့်

const collection = document.body.children;

ကိုယ်တိုင် ကြိုးစားကြည့်ပါ

အမှတ် 2

"myDIV" တွင် အစိတ်အပိုင်း အရေအတွက်

let count = document.getElementById("myDIV").children.length;

ကိုယ်တိုင် ကြိုးစားကြည့်ပါ

အမှတ် 3

"myDIV" တွင် တတိယ အစိတ်အပိုင်း အပြင်းအထန် ပြောင်းလဲကြည့်

const collection = document.getElementById("myDIV").children;
collection[1].style.backgroundColor = "yellow";

ကိုယ်တိုင် ကြိုးစားကြည့်ပါ

အမှတ် 4

<select> အရာဝတ္တု တွင် တတိယ အစိတ်အပိုင်း (အစိတ်အပိုင်း 2) အချက်အလက် ကို ရယူကြည့်

const collection = document.getElementById("mySelect").children[2].text;

ကိုယ်တိုင် ကြိုးစားကြည့်ပါ

အမှတ် 5

အခြေခံ <body> အရာဝတ္တု အစိတ်အပိုင်း အား လည်ပတ်၍ နှင့် သတ်မှတ်သည် အခြေခံ အရာဝတ္တု အပြင်းအထန် ပြောင်းလဲကြည့်

const collection = document.body.children;
for (let i = 0; i < collecton.length; i++) {
  collection[i].style.backgroundColor = "red";
}

ကိုယ်တိုင် ကြိုးစားကြည့်ပါ

အဓိပ္ပာယ်

element.children

အပြန်ပေး

အမျိုးအစား ဖော်ပြ
အရာဝတ္တု

HTMLCollection အရာဝတ္တု

အရာဝတ္တု လွှမ်းလှမ်း

အရာဝတ္တု သည် အခြေခံအခြေအနေ တွင် ပေါ်ပေါက်သည် အခြေအနေ အတိုင်း ပြေစီထားသည်။

ဘရာဇီး ထောက်ပံ့

element.children သတင်းကြော်ငြာ အခြေခံ အဆင်း 1 (1998) အခြေခံပုံစံအဖြစ် ဖြစ်သည်။

အားလုံး ဘရာဇီး သတင်းကြော်ငြာ အားလုံး အပြင်းအထန် ကူညီပေးသည်:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
ထောက်ပံ့ 9-11 ထောက်ပံ့ ထောက်ပံ့ ထောက်ပံ့ ထောက်ပံ့