HTML DOM Element ရည်ညွှန်းချက်များ
ဥပမာများ
<img> ဒြပ်စင်တွင် အရည်အချင်းမည်မျှရှိသည်-
let numb = document.getElementById("myImg").attributes.length;
<img> ဒြပ်စင်တစ်ခု၏ ဂုဏ်ရည်တော်အားလုံးကို ပြသပါ-
const nodeMap = document.getElementById("myImg").attributes;
let text = "";
for (let i = 0; i < nodeMap.length; i++) {
text += nodeMap[i].name + " = " + nodeMap[i].value + "<br>";
}
document.getElementById("demo").innerHTML = text;
အောက်တွင် နောက်ထပ် ဥပမာများ။
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
attributes
ပိုင်ဆိုင်မှုသည် ဒြပ်စင်တစ်ခုရှိ အရည်အချင်းများစုစည်းမှုကို ပြန်ပေးသည် ။
attributes
ပိုင်ဆိုင်မှုသည် NamedNodeMap ကို ပြန်ပေးသည် ။
NodeMap ဟု အမည်ပေးထားသည်။
NamedNodeMap သည် Attr (Attributes) Objects များ၏ array-like collection (list) တစ်ခုဖြစ်သည်။
NamedNodeMap တွင် စာရင်းရှိ attribute အရေအတွက်ကို ပြန်ပေး သည့် အရှည် ပိုင်ဆိုင်မှုတစ်ခု ရှိသည်။
ရည်ညွှန်းချက်များကို အညွှန်းနံပါတ်များဖြင့် ဝင်ရောက်ကြည့်ရှုနိုင်ပါသည်။ အညွှန်းကိန်းသည် 0 တွင် စတင်သည်။
ကိုလည်းကြည့်ပါ-
အထားအသို
node.attributes
တန်ဖိုးကို ပြန်ပေးသည်။
ရိုက်ပါ။ | ဖော်ပြချက် |
NodeMap ဟု အမည်ပေးထားသည်။ | ရည်ညွှန်းချက်အရာဝတ္ထုများ စုစည်းမှု။ |
နောက်ထပ် ဥပမာများ
<button> ဒြပ်စင်တွင် အရည်အချင်းမည်မျှရှိသည်-
let numb = document.getElementById("myButton").attributes.length;
<button> ဒြပ်စင်တစ်ခု၏ ဒုတိယ (အညွှန်းကိန်း 1) ရည်ညွှန်းချက်၏ အမည်ကို ရယူပါ-
let attr = document.getElementById("myBtn").attributes[1].name;
Browser ပံ့ပိုးမှု
element.attributes
DOM Level 1 (1998) အင်္ဂါရပ်တစ်ခုဖြစ်သည်။
ဘရောက်ဆာအားလုံးတွင် ၎င်းကို အပြည့်အဝထောက်ခံသည်-
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |