HTML DOMTokenList toggle() နည်းလမ်း
- ပြီးဆုံးစား supports()
- နောက်ပိုင်းစား အကျိုးသတ္တု
- အဆင်းမြင့်သို့ ပြန်သွား HTML DOMTokenList
အသုံးပြုခြင်း နှင့် အသုံးပြုခြင်း
toggle() နည်းလမ်းမှ အချက်အလက် ကို အစားထိုးပြီး false ကို ပြန်လည်ပေးသည်။ အချက်အလက် ဘဲတည်းဟူ၍ မရှိဘဲကြားခဲ့ရှိသေးလျှင် true ကို အပ်ပေးပြီး ပြန်လည်ပေးသည်。
အကျိုးသမား
အမှတ် 1
အကြိမ်ကျ "myStyle" အကြိမ်ပေါင်း/ဖျက်သွား ပြောင်းလဲပါတယ်：
const list = element.classList;
list.toggle("mywStyle");
အမှတ် 2
အရာဝတ္တိမှ "myStyle" အကြိမ်ပေါင်းပါတယ်：
const list = element.classList;
list.add("myStyle");
အမှတ် 3
အရာဝတ္တိမှ "myStyle" အကြိမ်ကျသွားပါတယ်：
const list = element.classList;
list.remove("myStyle");
အမှတ် 4
အကြိုးတက် ပြီး အကြိုးတက် အချက်အလက် ပေါင်းထည်
element.classList.add("myStyle", "anotherClass", "thirdClass");
အမှတ် 5
အကြိုးတက် ပြီး အကြိုးတက် အချက်အလက် ဖျက်သိမ်း
element.classList.remove("myStyle", "anotherClass", "thirdClass");
အမှတ် 6
အကြိုးတက် ပြီး အကြိုးတက် အချက်အလက် ရရှိ
let numb = element.classList.length;
အမှတ် 7
ကိရိယာ အကြိုးတက် ပြီး တိုက်ရိုက် အဆင်းမြင့်သို့ ပြန်သွား
document.getElementById("myBtn").onclick = function() {myFunction()};
function myFunction() {
document.getElementById("myDropdown").classList.toggle("show");
}
အက္ခရာ
domtokenlist.toggle(အကြောင်း)
ပါဝင်
| ပါဝင် | ဖော်ပြ |
|---|---|
| အကြောင်း | လိုအပ်သည်။ ပြောင်းလဲသင့်သည် |
ပြန်လည်ပေး
မရှိ
ဘတ်ရှား ထောက်ပံ့
domtokenlist.toggle() သည် DOM Level 4 (2015) အခြေအနေအဖြစ် ရှိသည်။
အားလုံး ဘတ်ရှား ကို ထောက်ပံ့သည်:
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| ထောက်ပံ့ | ထောက်ပံ့ | ထောက်ပံ့ | ထောက်ပံ့ | ထောက်ပံ့ |
Internet Explorer 11 (သို့) အရှိန်ကျသော အခြေအနေ သည် domtokenlist.toggle() ကို လုပ်ခဲ့သည်။
ပြင်းပြင်းအောင် စားသုံး
- ပြီးဆုံးစား supports()
- နောက်ပိုင်းစား အကျိုးသတ္တု
- အဆင်းမြင့်သို့ ပြန်သွား HTML DOMTokenList
