HTML DOM NodeList item() နည်းလမ်း

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

အချက်အလက် item()

အဖွဲ့စုများကို အချက်အလက်ပေါင်းစုစုပေါင်းတွင် အချက်အလက်ဖော်ထုတ်ပါတယ်:

list.item(index)

နှင့်

list[index]

အကျယ်အဝန်း အကျွမ်းကျွမ်းဆုံး နှင့် အသုံးပြုများဆုံး နည်းလမ်း [index]。

အမှတ်အသား

ဘာသာစကား 1

အချက်အလက်ရှိသော အဖွဲ့၏ ပထမဆုံး အဖွဲ့ပေါင်းစုစုပေါင်းကို ရယူပါတယ်:

const nodeList = document.body.childNodes;

ကျွန်ုပ်ကိုယ် ကြိုးစားလုပ်ပါ

ဘာသာစကား 2

အချက်အလက်ရှိသော အဖွဲ့၏ ပထမဆုံး ကွင်းပေါင်းစုစုပေါင်းကို ရယူပါတယ်:

const list = document.body.childNodes;
let name = list.item(0).nodeName;

ကျွန်ုပ်ကိုယ် ကြိုးစားလုပ်ပါ

ဘာသာစကား 3

အမှတ်အသားပေါ်မူတည်သော ရှာဖွေရာတွင်အချက်အလက် <p> အ�ွဲ့၏ HTML အော်ဒါအချက်အလက်ကို နိုင်ငံရေးလုပ်ငန်းများကို ရယူပါတယ်:

const list = document.body.childNodes;
let name = list[0].nodeName;

ကျွန်ုပ်ကိုယ် ကြိုးစားလုပ်ပါ

ဘာသာစကား 4

ရှာဖွေရာတွင်အချက်အလက် <p> အဖွဲ့၏ HTML အော်ဒါအချက်အလက်ကို နိုင်ငံရေးလုပ်ငန်းများကို နံပါတ် 1 ဖြင့် ရယူပါတယ်:

const list = document.getElementsByTagName("p");
let text = list.item(0).innerHTML;

ကျွန်ုပ်ကိုယ် ကြိုးစားလုပ်ပါ

အမှတ် 5

"myDIV" တွင် ပထမ <p> အချက်အလက် ကို ရယူပါ

const div = document.getElementById("myDIV");
const list = div.getElementsByTagName("p");
let text = list[0].innerHTML;

ကျွန်ုပ်ကိုယ် ကြိုးစားလုပ်ပါ

အမှတ် 6

အခြေအနေ "myDIV" တွင် ပထမ <p> အချက်အလက် ကို ပြောင်းလဲပါ

const div = document.getElementById("myDIV");
const list = div.getElementsByTagName("p");
let text = list[0].innerHTML = "Paragraph changed";

ကျွန်ုပ်ကိုယ် ကြိုးစားလုပ်ပါ

အမှတ် 7

အခြေအနေ class="child" အား အစီအစဉ်ချီ

const list = document.querySelectorAll(".child");
for (let i = 0; i < list.length; i++) {
  list[i].style.color = "red";
}

ကျွန်ုပ်ကိုယ် ကြိုးစားလုပ်ပါ

အသုံးပြုခြင်း

nodelist.item(index)

သို့မဟုတ် ပြောင်းလဲ

nodelist[index]

အရာ

အရာ ဖော်ပြ
index

လိုအပ်

အချက်အလက် အချက် အရှိန် အတိုင်း အဆိုပါ အချက်အလက် များ ကို ပြန်လည်ပြောင်းလဲသည်

အကြေးအတိုင်း စတင်

အပြန်အလမ်း

အမျိုးအစား ဖော်ပြ
အရာ အချက်အလက် အခွင့်အရေး အချက်
null အကြေးအကြာ အတွက်

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

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

အားလုံး ယခင် ဘာသာပြန် ဘာသာပြန် ကို ထောက်ပံ့သည်

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

ပါဝင်သော စား

length အခွင့်အရေး

entries() နည်းပါး

forEach() နည်းပါး

keys() နည်းပါး

values() နည်းပါး

NodeList အပေါင်း

childNodes() နည်းပါး

querySelectorAll() နည်းပါး

getElementsByName() နည်းပါး