JavaScript H TML DOM စုစည်းမှုများ
HTMLCollection Object
method သည် object တစ်ခုကို getElementsByTagName()
ပြန်ပေးသည် ။HTMLCollection
အရာဝတ္ထု တစ်ခုသည် HTMLCollection
HTML ဒြပ်စင်များ၏ array-like list (စုဆောင်းမှု) တစ်ခုဖြစ်သည်။
အောက်ပါကုဒ်သည် <p>
စာရွက်စာတမ်းတစ်ခုရှိ အစိတ်အပိုင်းအားလုံးကို ရွေးချယ်သည်-
ဥပမာ
const myCollection = document.getElementsByTagName("p");
စုစည်းမှုရှိ အစိတ်အပိုင်းများကို အညွှန်းနံပါတ်ဖြင့် ဝင်ရောက်ကြည့်ရှုနိုင်ပါသည်။
ဒုတိယ <p> ဒြပ်စင်သို့ ဝင်ရောက်ရန် သင်သည် စာရေးနိုင်သည်-
myCollection[1]
မှတ်ချက်- အညွှန်းကိန်းသည် 0 တွင် စတင်သည်။
HTML HTML စုဆောင်းမှု အရှည်
ပိုင်ဆိုင်မှုသည် တစ်ခုရှိ အစိတ်အပိုင်း များ၏ length
အရေအတွက်ကို သတ်မှတ်သည် HTMLCollection
-
ဥပမာ
myCollection.length
length
စုစည်းမှုတစ်ခုရှိ ဒြပ်စင်များကို လှည့်ပတ်ကြည့်ရှုလိုသောအခါတွင် ဤ ပိုင်ဆိုင်မှုသည် အသုံးဝင်သည်-
ဥပမာ
<p> ဒြပ်စင်အားလုံး၏ စာသားအရောင်ကို ပြောင်းပါ-
const myCollection = document.getElementsByTagName("p");
for (let i = 0; i < myCollection.length; i++) {
myCollection[i].style.color = "red";
}
HTMLCollection သည် array တစ်ခုမဟုတ်ပါ။
HTMLCollection တစ်ခုသည် array တစ်ခုနှင့်တူနိုင်သော်လည်း ၎င်းသည် မဟုတ်ပါ။
စာရင်းကို လှည့်ပတ်ပြီး နံပါတ်တစ်ခု (array တစ်ခုကဲ့သို့) ဖြင့် အစိတ်အပိုင်းများကို ကိုးကားနိုင်သည်။
သို့သော်လည်း၊ HTMLCollection တစ်ခုတွင် valueOf(), pop(), push(), သို့မဟုတ် join() ကဲ့သို့သော Array နည်းလမ်းများကို သင်အသုံးမပြုနိုင်ပါ။