HTML DOMTokenList add() စက်မှု
- အဆင်းပြင် ပြန်သွား add()
- နောက်ပိုင်း စာလုံး contains()
- အဆင်းပြင် ပြန်သွား HTML DOMTokenList
ဒီပေါင်းစား နှင့် အသုံးပြုခြင်း
add() တစ် (သို့) များစွာ သတင်းကြော်ငြာ (token) တစ်ခု ထိန်းချုပ်သည့် ရည်ရွယ်ချက်
အကြောင်းကြောင်း
ဘာသာသုပ္ပတ္တိ 1
“myStyle” အကျယ်ဝင်း ထပ်ပေါင်းပြီးပြီ
const list = element.classList;
list.add("myStyle");
ဘာသာသုပ္ပတ္တိ 2
“myStyle” အကျယ်ဝင်း ဖုံးကွယ်ပြီးပြီ
const list = element.classList;
list.remove("myStyle");
ဘာသာသုပ္ပတ္တိ 3
“myStyle” အစားထိုးဖောက်လုပ်ခြင်းအပိုင်း
const list = element.classList;
list.toggle("myStyle");
ဘာသာသုပ္ပတ္တိ 4
အရာတစ်ခုသို့ အကျယ်ဝင်းများ ထပ်ပေါင်းပြီးပြီ
const list = element.classList;
list.add("myStyle", "anotherClass", "thirdClass");
အမှတ် 5
အချက်အလက် အသုံးပြုသော အချက်အလက် အရေအတွက် ပြန်လည်ရယူပါ
const list = element.classList; let numb = list.length;
အမှတ် 6
"myDIV" အချက်အလက် ကို အချက်အလက် အသုံးပြုပါ
const list = document.getElementById("myDIV").classList;
အမှတ် 7
"myDIV" အချက်အလက် ကို အချက်အလက် အသုံးပြုပါ
let className = element.classList.item(0);
အမှတ် 8
"myStyle" အချက်အလက် ရှိသည်လား？
let x = element.classList.contains("myStyle");
အမှတ် 9
အခြား "anotherClass" အချက်အလက် ကို ဖျက်သိမ်းပါ ကာ အခြား "myStyle" အချက်အလက် ရှိသည်ကို သိရှိပါ။
if (element.classList.contains("mystyle")) {
element.classList.remove("anotherClass");
}
ကျင်းပ
အက္ခရာdomtokenlisttoken.add(
)
| ) | ဖော်ပြ |
|---|---|
| token | လိုအပ်သည်။ ပေါင်းစပ်ပြီး စာလုံးအသုံးပြုရသော အချက်အလက် |
အပြန်ပေး
မရှိ
ဘတ် ထောက်ပံ့
domtokenlist.add() သည် DOM Level 4 (2015) သဘောတရသည်။
အားလုံး ဘတ်ကဲ့သို့ ထောက်ပံ့ပါသည်:
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| ထောက်ပံ့ | ထောက်ပံ့ | ထောက်ပံ့ | ထောက်ပံ့ | ထောက်ပံ့ |
Internet Explorer 11 (နှင့် ပိုမိုကြီးသော ပုံစံ) သည် မမှောက်ရှားပါ။ domtokenlist.add().
ပါဝင်သော စာမျက်နှာ
- အဆင်းပြင် ပြန်သွား add()
- နောက်ပိုင်း စာလုံး contains()
- အဆင်းပြင် ပြန်သွား HTML DOMTokenList
