HTML DOM စာရွက်စာတမ်း getElementsByTagName()
ဥပမာ
တဂ်အမည် "li" ဖြင့် အစိတ်အပိုင်းအားလုံးကို ရယူပါ-
const collection = document.getElementsByTagName("li");
စာရွက်စာတမ်းရှိ အစိတ်အပိုင်းအားလုံးကို ရယူပါ-
const collection = document.getElementsByTagName("*");
စာရွက်စာတမ်းရှိ ပထမ <p> ဒြပ်စင်၏ အတွင်း HTML ကို ပြောင်းပါ-
document.getElementsByTagName("p")[0].innerHTML = "Hello World!";
အောက်တွင် နောက်ထပ် ဥပမာများ။
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
getElementsByTagName()
နည်းလမ်းသည် သတ်မှတ်ထားသော tag အမည်ဖြင့် အစိတ်အပိုင်းအားလုံး၏ အစုအဝေးကို ပြန်ပေးသည် ။
getElementsByTagName()
နည်းလမ်းသည် HTMLCollection ကို ပြန်ပေးသည် ။
getElementsByTagName()
ပိုင်ဆိုင်မှုသည် ဖတ်ရန်သာဖြစ်သည် ။
မှတ်ချက်
getElementsByTagName("*")
စာရွက်စာတမ်းရှိ အစိတ်အပိုင်းအားလုံးကို ပြန်ပေးသည်။
HTML စုဆောင်းခြင်း။
HTMLCollection သည် HTML node များစုစည်းမှုတစ်ခုဖြစ်သည် ။
စုစည်းမှုတစ်ခုရှိ ဆုံမှတ်များကို အညွှန်းနံပါတ်များဖြင့် ဝင်ရောက်ကြည့်ရှုနိုင်ပါသည်။ အညွှန်းကိန်းသည် 0 တွင် စတင်သည်။
ပိုင်ဆိုင်မှုအရှည် သည် စုစည်းမှုရှိ အစိတ်အပိုင်းအရေအတွက်ကို ပြန်ပေးသည်။
ကိုလည်းကြည့်ပါ-
စာရွက်စာတမ်း getElementById() နည်းလမ်း
စာရွက်စာတမ်း getElementsByClassName() နည်းလမ်း
Document querySelector() နည်းလမ်း
အထားအသို
document.getElementsByTagName(tagname)
ကန့်သတ်ချက်များ
Parameter | Description |
tagname | Required. The tagname of the elements. |
တန်ဖိုးကို ပြန်ပေးသည်။
ရိုက်ပါ။ | ဖော်ပြချက် |
အရာဝတ္ထု | HTMLCollection object တစ်ခု။ သတ်မှတ်ထားသော tag အမည်ဖြင့် အစိတ်အပိုင်းများ စုစည်းမှု။ စာရွက်စာတမ်းများတွင် ပေါ်လာသည့်အတိုင်း အစိတ်အပိုင်းများကို စီထားသည်။ |
နောက်ထပ် ဥပမာများ
စာရွက်စာတမ်းရှိ <li> အစိတ်အပိုင်းများ အရေအတွက်-
let numb = document.getElementsByTagName("li").length;
<p> ဒြပ်စင်အားလုံး၏ နောက်ခံအရောင်ကို ပြောင်းပါ-
const collection = document.getElementsByTagName("P");
for (let i = 0; i < collection.length; i++) {
collection[i].style.backgroundColor = "red";
}
ဆက်စပ်စာမျက်နှာများ
JavaScript ရည်ညွှန်းချက်- ဒြပ်စင် .getElementsByTagName()
JavaScript သင်ခန်းစာ- JavaScript HTML DOM Node စာရင်း
Browser ပံ့ပိုးမှု
document.getElementsByTagName()
DOM Level 1 (1998) အင်္ဂါရပ်တစ်ခုဖြစ်သည်။
ဘရောက်ဆာအားလုံးတွင် ၎င်းကို အပြည့်အဝထောက်ခံသည်-
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |