HTML DOM Document getElementsByClassName() စနစ်

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

getElementsByClassName() စနစ် ပြန်လည်ပေး: အမှတ်ပေးထားသော အစိုးရိုက်ဖြင့် အစိုးရိုက်အစုကို ရယူပါ:

getElementsByClassName() စနစ် ပြန်လည်ပေး: HTMLCollection.

getElementsByClassName() သုံးစွဲ ဖြစ်သည်:

HTMLCollection

HTMLCollection HTML အစိုးရိုက်အရေအတွက် အစိုးရိုက်အစုအဖြစ် ပါဝင်:

အားကစား ဖြင့် အရေအတွက် ကွင်းတွင် အစိုးရိုက်ကို ကူးကြည့်ပါ (0 မှ စတင်):

length အရေအတွက် ပြန်လည်ပေးသော သုံးစွဲ:

ပြင်ဆင်သည်:

getElementById() စနစ်

getElementsByTagName() စနစ်

querySelector() စနစ်

querySelectorAll() စနစ်

HTMLCollection အားကစား

အမှုလုပ်

အကြောင်းကြား 1

class="example" အစိုးရိုက်ဖြင့် ရယူပါသော အကိရိယာများကို ရယူပါ:

const collection = document.getElementsByClassName("example");

ကိုယ်တိုင် စမ်းသပ်ချင်သည်

အကြောင်းကြား 2

ပေါ်ပေါက်သော "example" နှင့် "color" အစိုးရိုက်ကို ရယူပါ:

const collection = document.getElementsByClassName("example color");

ကိုယ်တိုင် စမ်းသပ်ချင်သည်

အမှတ် 3

class="example" အရာ၏ အရာဝတ္တု အင်အား

let numb = document.getElementsByClassName("example").length;

ကိုယ်တိုင် စမ်းသပ်ချင်သည်

အမှတ် 4

class="example" အရာ၏ အကျယ်ပြီး အခွင့်အရေး ကို ပြန်လည်ရိုက်ထွင်းခြင်း

const collection = document.getElementsByClassName("example");
for (let i = 0; i < collection.length; i++) {
  collection[i].style.backgroundColor = "red";
}

ကိုယ်တိုင် စမ်းသပ်ချင်သည်

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

document.getElementsByClassName("example")classname)

ပါဝင်ခြင်း

ပါဝင်ခြင်း ဖော်ပြ
classname

လိုအပ်သည်။ အရာ၏ အခွင့်အရေး

အခွင့်အရေး ဖြစ်သော အခွင့်အရေး အသင်း ကို တခုခု မှ အားလုံး ဖြင့် ရယူရန် လိုအပ်သည်။ ဥပမာ "test demo"

ကွင်းပြန်

အမျိုးအစား ဖော်ပြ
အရာ

HTMLCollection အရာ

အခွင့်အရေး ဖြစ်သော အခွင့်အရေး အဖွဲ့

အခွင့်အရေး အား ပြုလုပ်သော အဆင့် ပြီး အခွင့်အရေး အတွက် အဆင့် ဖြစ်သည်။

ဘရာဇက်ပြန် ထောက်ပံ့

document.getElementsByClassName() ဖြစ်ပေါ်လာသော DOM Level 1 (1998) အခွင့်အရေး

အားလုံး ဘရာဇက်ပြန် ကို ထောက်ပံ့သည်:

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

ပတ်သက်သော စာရင်း

CSS ဖော်ပြCSS အပြောအရာ

CSS ချစ်ဆိုခြင်း စာအုပ်:CSS .class ရှာဖွေကြောင်း

HTML DOM ချစ်ဆိုခြင်း စာအုပ်:element.getElementsByClassName()

HTML DOM ချစ်ဆိုခြင်း စာအုပ်:className အခွင့်အရေး

HTML DOM ချစ်ဆိုခြင်း စာအုပ်:classList အခွင့်အရေး

HTML DOM ချစ်ဆိုခြင်း စာအုပ်:Style အရာ