HTML DOM getElementsByTagName() နည်းလမ်း
❮ Element Objectဥပမာ
စာရင်းတစ်ခုတွင် ပထမ <li> ဒြပ်စင် (အညွှန်းကိန်း 0) ၏ HTML အကြောင်းအရာကို ပြောင်းပါ-
var list = document.getElementsByTagName("UL")[0];
list.getElementsByTagName("LI")[0].innerHTML = "Milk";
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
getElementsByTagName() နည်းလမ်းသည် NodeList အရာဝတ္ထုတစ်ခုအနေဖြင့် သတ်မှတ်ထားသော tag အမည်ဖြင့် ဒြပ်စင်တစ်ခု၏ ကလေးဒြပ်စင်များစုစည်းမှုကို ပြန်ပေးသည်။
NodeList အရာဝတ္ထုသည် node အစုအဝေးကိုကိုယ်စားပြုသည်။ node များကို အညွှန်းနံပါတ်များဖြင့် ဝင်ရောက်ကြည့်ရှုနိုင်ပါသည်။ အညွှန်းကိန်းသည် 0 တွင် စတင်သည်။
အကြံပြုချက်- သတ်မှတ်ထားသော tag အမည်ဖြင့် ကလေး node အရေအတွက်ကို ဆုံးဖြတ်ရန် NodeList object ၏ အရှည် ပိုင်ဆိုင်မှုကို သင်အသုံးပြုနိုင်ပြီး ၊ ထို့နောက် node အားလုံးကို လှည့်ပတ်ပြီး သင်အလိုရှိသော အချက်အလက်ကို ထုတ်ယူနိုင်ပါသည်။
အကြံပြုချက်- ကန့်သတ်တန်ဖိုး "*" သည် ဒြပ်စင်၏ ကလေးဒြပ်စင်အားလုံးကို ပြန်ပေးသည်။
Browser ပံ့ပိုးမှု
ဇယားရှိ နံပါတ်များသည် နည်းလမ်းကို အပြည့်အဝထောက်ခံသည့် ပထမဆုံးဘရောက်ဆာဗားရှင်းကို သတ်မှတ်ပေးပါသည်။
Method | |||||
---|---|---|---|---|---|
getElementsByTagName() | 1.0 | 6.0 | 3.0 | 3.0 | 9.5 |
အထားအသို
element.getElementsByTagName(tagname)
ကန့်သတ်တန်ဖိုးများ
Parameter | Type | Description |
---|---|---|
tagname | String | Required. The tagname of the child elements you want to get |
နည်းပညာဆိုင်ရာအသေးစိတ်
DOM ဗားရှင်း | Core Level 1 Element Object |
---|---|
ပြန်ပို့တန်ဖိုး- | သတ်မှတ်ထားသော tagname ဖြင့် ဒြပ်စင်၏ ကလေးဒြပ်စင်များစုစည်းမှုကို ကိုယ်စားပြုသည့် NodeList အရာဝတ္ထု။ ပြန်ပေးထားသော စုစည်းမှုမှ အစိတ်အပိုင်းများကို အရင်းအမြစ်ကုဒ်တွင် ပေါ်နေသဖြင့် စီထားသည်။ |
နောက်ထပ် ဥပမာများ
ဥပမာ
<div> ဒြပ်စင်တစ်ခုအတွင်းတွင် <p> ဒြပ်စင် မည်မျှရှိသည်ကို ရှာဖွေပါ (NodeList object ၏ အရှည်ကို အသုံးပြု၍)
var x =
document.getElementById("myDIV").getElementsByTagName("P").length;
ဥပမာ
<p> ဒြပ်စင် (အညွှန်း 1) ၏ နောက်ခံအရောင်ကို <div> ဒြပ်စင်တစ်ခုအတွင်း ပြောင်းလဲပါ-
var x =
document.getElementById("myDIV");
x.getElementsByTagName("P")[1].style.backgroundColor = "red";
ဥပမာ
<div> ဒြပ်စင်အတွင်းရှိ <p> ဒြပ်စင်အားလုံး၏ နောက်ခံအရောင်ကို ပြောင်းပါ-
var x = document.getElementById("myDIV");
var y = x.getElementsByTagName("P");
var i;
for (i = 0; i < y.length; i++) {
y[i].style.backgroundColor = "red";
}
ဥပမာ
<div> ဒြပ်စင်အတွင်း စတုတ္ထဒြပ်စင် (အညွှန်း 3) ၏ နောက်ခံအရောင်ကို ပြောင်းပါ-
var x = document.getElementById("myDIV");
x.getElementsByTagName("*")[3].style.backgroundColor = "red";
ဥပမာ
"*" ဘောင်ကို အသုံးပြုခြင်း။
<div> ဒြပ်စင်တစ်ခုအတွင်းရှိ ဒြပ်စင်အားလုံး၏ နောက်ခံအရောင်ကို ပြောင်းပါ-
var x = document.getElementById("myDIV");
var y = x.getElementsByTagName("*");
var i;
for (i = 0; i < y.length; i++) {
y[i].style.backgroundColor = "red";
}
ဆက်စပ်စာမျက်နှာများ
JavaScript ကိုးကား- document.getElementsByTagName()
JavaScript သင်ခန်းစာ- JavaScript HTML DOM Node စာရင်း
❮ Element Object