HTML DOM Element className အချက်အလက်

အချက်အလက် ကို အသုံးပြုပြီး အကျိုးသမား

className အချက်အလက် ကို ကိုင်တွယ်ပါ သို့မဟုတ် ပြန်ပေးပါ

ကျမ်းကို ကြည့်ပါ

Element classList အချက်အလက်

Document getElementsByClassName() စနစ်

HTML DOM Style အိမ်နီးခ�ား

အမှတ်ပြ

အမှတ် 1

အချက်အလက် ကို သတ်မှတ်ပါ

element.className = "myStyle";

ကိုယ်တိုင် ကိုယ်တိုင် ကိုက်သိမ်း

အမှတ် 2

"myDIV" အကြောင်းအရာ အချက်အလက် ကို ရယူပါ

let value = document.getElementById("myDIV").className;

ကိုယ်တိုင် ကိုယ်တိုင် ကိုက်သိမ်း

အမှတ် 3

နှစ်ခုသော အကြောင်းအရာ အကြား ပြောင်းလဲပါ

if (element.className == "myStyle") {
  element.className = "newStyle";
} else {
  element.className = "myStyle";
}

ကိုယ်တိုင် ကိုယ်တိုင် ကိုက်သိမ်း

အကြံပေးစာကြိုးဘက်တွင် အမျိုးမျိုးသော အကျိုးသမားများ ပြုပေးပါ

ပြောင်းလဲခြင်း

className အချက်အလက် ကို ပြန်ပေးပါ

HTMLElementObject.className

className အချက်အလက် ကို သတ်မှတ်ပါ

HTMLElementObject.className = class

အချက်အလက်

အကြမ်း ဖော်ပြ
class

元素的类名。

用空格分隔多个类，比如 "test demo"。

ပြန်လည်ပေးခြင်း

အမျိုး ဖော်ပြ
ကြောင်း အကွင်း အမျိုး သို့မဟုတ် အချိန်ချိန် ဖြင့် အမျိုး အစား အစား အရှိသည်

အခြား အမျိုး

အမှတ် 4

ပထမဆုံး <div> အမျိုး အမျိုး အမျိုး ကို မြင်တွေ့ပါ (အရှိသည်):

let value = document.getElementsByTagName("div")[0].className;

ကိုယ်တိုင် ကိုယ်တိုင် ကိုက်သိမ်း

အမှတ် 5

အမျိုး အမျိုး ပါ အမျိုး ကို မြင်တွေ့ပါ:

<div id="myDIV" class="myStyle test example">
<p>I am myDIV.</p>
</div>
let value = document.getElementById("myDIV").className;

ကိုယ်တိုင် ကိုယ်တိုင် ကိုက်သိမ်း

အမှတ် 6

အခြား အမျိုး ဖြင့် အမျိုး ကို ကူးယူပါ:

element.className = "newClassName";

ကိုယ်တိုင် ကိုယ်တိုင် ကိုက်သိမ်း

အမှတ် 7

အခြား အမျိုး ထပ်ထည့်ချင် လျှင် အချိန်ချိန် နှင့် အမျိုး ထပ်ထည့်ပါ:

element.className += " class1 class2";

ကိုယ်တိုင် ကိုယ်တိုင် ကိုက်သိမ်း

အမှတ် 8

အောက်ပါ "myDIV" အမျိုး "myStyle" အမျိုး ရှိ လျှင် အကွင်းအရွယ် ပြောင်းလဲပါ:

const elem = document.getElementById("myDIV");
if (elem.className == "mystyle") {
  elem.style.fontSize = "30px";
}

ကိုယ်တိုင် ကိုယ်တိုင် ကိုက်သိမ်း

အမှတ် 9

အောက်ပါ စာမျက်နှာပိုင်း အောက်ပါ 50 ပမာဏ ပတ်လည်သွားခဲ့ လျှင် "test" အမျိုး ထပ်ထည့်ပါ:

window.onscroll = function() {myFunction()};
function myFunction() {
  if (document.body.scrollTop > 50) {
    document.getElementById("myP").className = "test";
  } else {
    document.getElementById("myP").className = "";
  }
}

ကိုယ်တိုင် ကိုယ်တိုင် ကိုက်သိမ်း

ဘရောက်သုံးမှု

အားလုံး ဘရောက်သုံးနိုင်သည် element.className：

ခလီ အိုင် အက်ဒီ ဖော့စ် ဆိုဖ် အိုပရာ
ခလီ အိုင် အက်ဒီ ဖော့စ် ဆိုဖ် အိုပရာ
ထောက်ပံ့ ထောက်ပံ့ ထောက်ပံ့ ထောက်ပံ့ ထောက်ပံ့ ထောက်ပံ့

နောက်ဆက်တွဲ စာမျက်နှာ

CSS ကျမ်းCSS စက်လုပ်ဖို့

CSS ခန့်မှန်းချက်CSS .class ရှာဖွေသူ