HTML DOM အရှည် Property
ဥပမာ
စာရွက်စာတမ်းတွင် <p> အစိတ်အပိုင်း မည်မျှရှိသည်ကို ရှာဖွေပါ-
var nodelist = document.getElementsByTagName("P").length;
အောက်တွင် နောက်ထပ် "စမ်းသုံးကြည့်ပါ" ဥပမာများ။
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
အရှည် ပိုင်ဆိုင်မှုသည် NodeList အရာဝတ္တုရှိ နံပါတ်များကို ပြန်ပေးသည်။
Node object တစ်ခု၏ ကလေး node များစုစည်းမှုသည် NodeList object တစ်ခု၏ ဥပမာတစ်ခုဖြစ်သည်။
node list တစ်ခုရှိ node များကို လှည့်ပတ်လိုသောအခါတွင် length property သည် အသုံးဝင်သည် (အောက်ပါ "More Examples" ကိုကြည့်ပါ)။
ဤပိုင်ဆိုင်မှုသည် ဖတ်ရန်သာဖြစ်သည်။
အကြံပြုချက်- NodeList အရာဝတ္ထုတစ်ခုရှိ သတ်မှတ်ထားသော အညွှန်းတွင် node တစ်ခုကို ပြန်ပေးရန် item() နည်းလမ်းကို အသုံးပြုပါ။
Browser ပံ့ပိုးမှု
Property | |||||
---|---|---|---|---|---|
length | Yes | Yes | Yes | Yes | Yes |
အထားအသို
nodelist.length
နည်းပညာဆိုင်ရာအသေးစိတ်
ပြန်ပို့တန်ဖိုး- | နံပါတ်တစ်ခု၊ nodelist အတွင်းရှိ node အရေအတွက်ကိုကိုယ်စားပြုသည်။ |
---|---|
DOM ဗားရှင်း | Core Level 1 Nodelist Object |
နောက်ထပ် ဥပမာများ
ဥပမာ
<div> ဒြပ်စင်တစ်ခုအတွင်း <p> ဒြပ်စင် မည်မျှရှိသည်ကို ရှာဖွေပါ-
var div = document.getElementById("myDIV"); // Get the <div> element with id="myDIV"
var nodelist = div.getElementsByTagName("P").length; // Get the number of <p> elements inside <div>
ဥပမာ
<p> ဒြပ်စင်တစ်ခုအတွင်းရှိ <p> ဒြပ်စင်အားလုံးကို လှည့်ပတ်ပြီး <p> တစ်ခုစီ၏ နောက်ခံအရောင်ကို ပြောင်းလဲပါ။
var div = document.getElementById("myDIV");
var nodelist = div.getElementsByTagName("P");
var i;
for (i = 0; i < nodelist.length; i++) {
nodelist[i].style.backgroundColor = "red";
}
ဥပမာ
<body> ဒြပ်စင်၏ ကလေး node အရေအတွက်ကို ပြန်ပေးပါ။
var nodelist = document.body.childNodes.length;
ဥပမာ
<body> ၏ ကလေး node များကို လှည့်ပတ်ပြီး ကလေး node တစ်ခုစီ၏ node အမည်ကို ထုတ်ပေးသည်-
var nodelist = document.body.childNodes;
var txt = "";
var i;
for (i = 0; i < nodelist.length; i++) {
txt = txt + nodelist[i].nodeName + "<br>";
}
ဆက်စပ်စာမျက်နှာများ
HTML DOM ရည်ညွှန်းချက်- nodelist .item() နည်းလမ်း
HTML DOM ရည်ညွှန်းချက်- ဒြပ်စင် .childNodes Property
HTML DOM ရည်ညွှန်းချက်- ဒြပ်စင် .getElementsByClassName() နည်းလမ်း
HTML DOM ရည်ညွှန်းချက်- ဒြပ်စင် .getElementsByTagName() နည်းလမ်း
HTML DOM ရည်ညွှန်းချက်- ဒြပ်စင် .querySelectorAll() နည်းလမ်း
HTML DOM အကိုးအကား- document.getElementsByClassName() နည်းလမ်း
HTML DOM အကိုးအကား- document.getElementsByName() နည်းလမ်း
HTML DOM အကိုးအကား- document.getElementsByTagName() နည်းလမ်း
HTML DOM ရည်ညွှန်းချက်- document.querySelectorAll() နည်းလမ်း