HTMLCollection item() နည်းလမ်း
ဥပမာ
ဤစာရွက်စာတမ်း၏ ပထမဆုံး <p> ဒြပ်စင်၏ HTML အကြောင်းအရာကို ရယူပါ-
function myFunction() {
var x = document.getElementsByTagName("P").item(0);
alert(x.innerHTML);
}
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
နည်းလမ်း သည် item()
HTMLCollection တစ်ခုရှိ သတ်မှတ်ထားသော အညွှန်းတွင် အစိတ်အပိုင်းကို ပြန်ပေးသည်။
ဒြပ်စင်များကို အရင်းအမြစ်ကုဒ်တွင် ပေါ်လာသည်နှင့်အမျှ စီထားခြင်းဖြစ်ပြီး အညွှန်းကိန်းသည် 0 မှ စတင်သည်။
အတိုကောက်နည်းလမ်းကိုလည်း အသုံးပြုနိုင်ပြီး တူညီသောရလဒ်ကို ရရှိစေမည်-
var x = document.getElementsByTagName("P")[0];
Browser ပံ့ပိုးမှု
Method | |||||
---|---|---|---|---|---|
item() | Yes | Yes | Yes | Yes | Yes |
အထားအသို
HTMLCollection.item(index)
သို့မဟုတ်-
HTMLCollection[index]
ကန့်သတ်တန်ဖိုးများ
Parameter | Type | Description |
---|---|---|
index | Number | Required. The index of the element you want to return. Note: The index starts at 0 |
တန်ဖိုးကို ပြန်ပေးသည်။
သတ်မှတ်ထားသော အညွှန်းတွင် ဒြပ် စင်ကို ကိုယ်စားပြုသည့် အရာဝတ္ထုတစ်ခု ။
အညွှန်းနံပါတ်သည် အပိုင်းအခြားမဟုတ်ပါက null ပြန်ပေး သည်။
နောက်ထပ် ဥပမာများ
ဥပမာ
ပထမ <p> ဒြပ်စင်၏ HTML အကြောင်းအရာကို ပြောင်းပါ-
document.getElementsByTagName("P").item(0).innerHTML = "Paragraph changed";
ဥပမာ
class="myclass" ဖြင့် ဒြပ်စင်အားလုံးကို လှည့်ပတ်ပြီး ၎င်းတို့၏ နောက်ခံအရောင်ကို ပြောင်းလဲပါ။
var x = document.getElementsByClassName("myclass");
for (i = 0; i <
x.length; i++) {
x.item(i).style.backgroundColor = "red";
}
ဥပမာ
<p> ဒြပ်စင်၏ HTML အကြောင်းအရာကို <div> ဒြပ်စင်တစ်ခုအတွင်း ရယူပါ-
var div = document.getElementById("myDIV");
var x = div.getElementsByTagName("P").item(0).innerHTML;
ဆက်စပ်စာမျက်နှာများ
HTMLCollection- ပိုင်ဆိုင်မှု အရှည်
HTML Element- getElementsByClassName() နည်းလမ်း
HTML Element- getElementsByTagName() နည်းလမ်း