HTML DOM NodeList length အကိုးအချုပ်

  • အရှေ့ပိုင်း စာရင်း keys()
  • နောက်ပိုင်း စာရင်း values()
  • အထိပ်သို့ ပြန် HTML DOM NodeList

ဒါနှင့် အသုံးပြုခြင်း

length အကိုးအချုပ် သတင်းပြောင်းခြင်းမရှိသေးသည်။

length အကိုးအချုပ် သာသည်။

အကြိမ်အချိန်

လက်ရှိ 1

ရုပ်ပုံတွေကို ထိုးဖော်ပါ:

const nodeList = document.body.childNodes;
let number = nodeList.length;

ကိုယ်တိုင် ကြိုးစား ကြည့်ပါ

လက်ရှိ 2

ခေါ်သုံးပါး <body> အရာတိုက်များကို ရယူပါ:

const nodeList = document.body.childNodes;

ကိုယ်တိုင် ကြိုးစား ကြည့်ပါ

အမှတ် 3

"myDIV" အရပ်မှ အခြား အရပ်ကို စစ်ဆေး နှင့် ခွင့်အရေး ကို ပြုပြင်ပါ

const element = document.getElementById("myDIV");
let numb = element.childNodes.length;

ကိုယ်တိုင် ကြိုးစား ကြည့်ပါ

အမှတ် 4

"myDIV" အရပ်မှ <p> အရပ်ကို အခြား အရပ်ကို စစ်ဆေး နှင့် ခွင့်အရေး ကို ပြုပြင်ပါ

const div = document.getElementById("myDIV");
const list = div.querySelectorAll("p");
let number = list.length;

ကိုယ်တိုင် ကြိုးစား ကြည့်ပါ

အမှတ် 5

"myDIV" အရပ်မှ အခြား အရပ်ကို စစ်ဆေး နှင့် ခွင့်အရေး ကို ပြုပြင်ပါ

const div = document.getElementById("myDIV");
const list = div.querySelectorAll("p");
for (let i = 0; i < list.length; i++) {
  list[i].style.fontSize = "red";

ကိုယ်တိုင် ကြိုးစား ကြည့်ပါ

အမှတ် 6

အခြား အရပ်ကို စစ်ဆေး နှင့် ခွင့်အရေး ကို ပြုပြင်ပါ

const list = document.body.childNodes;
let text = "";
for (let i = 0; i < list.length; i++) {
  text += list[i].nodeName + "<br>";

ကိုယ်တိုင် ကြိုးစား ကြည့်ပါ

ပြောဉ်

nodelist.length

အပေး

အမျိုးအစား ဖော်ပြ
နှုတ် NodeList အရပ်ပေါင်း

ဘာသာ ထောက်ပံ့

nodelist.length သည် DOM Level 1 (1998) အခြေခံ အကျိုးဆက် ဖြစ်သည်。

အခြား အသင့်မတူသော ဘာသာ သို့မဟုတ် စကားလုံး ကို ပြောင်းလဲ ကြောင်း အကြောင်းပြော

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
ထောက်ပံ့ 9-11 ထောက်ပံ့ ထောက်ပံ့ ထောက်ပံ့ ထောက်ပံ့

ပတ်သက်တဲ့ စာရင်း

entries() နည်းလမ်း

forEach() နည်းလမ်း

item() နည်းလမ်း

keys() နည်းလမ်း

values() နည်းလမ်း

NodeList အပြဿနာ

childNodes() နည်းလမ်း

querySelectorAll() နည်းလမ်း

getElementsByName() နည်းလမ်း

  • အရှေ့ပိုင်း စာရင်း keys()
  • နောက်ပိုင်း စာရင်း values()
  • အထိပ်သို့ ပြန် HTML DOM NodeList