194 of 264 menu
◀ ▶

classList object ၏ toggle method

classList object ၏ method toggle သည် element ၏ CSS class ကို ပြောင်းလဲပေးသည်။ class မရှိပါက ထည့်ပေးပြီး ရှိပါက ဖယ်ရှားပေးသည်။

Syntax

element.classList.contains(class);

ဥပမာ

ဤဥပမာတွင် method toggle ကို အသုံးပြုသောအခါ zzz class သည် element တွင် ရှိပြီးသားဖြစ်သောကြောင့် ဖယ်ရှားသွားမည်။

<p id="elem" class="www ggg zzz"></p> let elem = document.querySelector('#elem'); elem.classList.toggle('zzz');

Code ကို run ပြီးနောက် ရလဒ်။

<p id="elem" class="www ggg"></p>

ဥပမာ

ဤဥပမာတွင် method toggle ကို အသုံးပြုသောအခါ zzz class သည် element တွင် မရှိသောကြောင့် ထည့်သွင်းပေးမည်။

<p id="elem" class="www ggg"></p> let elem = document.querySelector('#elem'); elem.classList.toggle('zzz');

Code ကို run ပြီးနောက် ရလဒ်။

<p id="elem" class="www ggg zzz"></p>

ဒါတွေလည်း ကြည့်ပါ

  • classList.add method,
    သည် သတ်မှတ်ထားသော class ကို ထည့်ပေးသည်
  • classList.remove method,
    သည် သတ်မှတ်ထားသော class ကို ဖယ်ရှားပေးသည်
  • classList.contains method,
    သည် သတ်မှတ်ထားသော class ကို စစ်ဆေးပေးသည်
← →
↑
မြန်မာ▼
AfrikaansAzərbaycanБългарскиবাংলাБеларускаяČeštinaDanskDeutschΕλληνικάEnglishEspañolEestiSuomiFrançaisहिन्दीMagyarՀայերենIndonesiaItaliano日本語ქართულიҚазақ한국어КыргызчаLietuviųLatviešuМакедонскиMelayuNederlandsNorskPolskiPortuguêsRomânăРусскийසිංහලSlovenčinaSlovenščinaShqipСрпскиSrpskiSvenskaKiswahiliТоҷикӣไทยTürkmenTürkçeЎзбекOʻzbekTiếng Việt
ဝက်ဘ်ဆိုက် လုပ်ဆောင်ခြင်း၊ ဆန်းစစ်လေ့လာခြင်းနှင့် ပုဂ္ဂလိကပြုပြင်ခြင်းအတွက် ကျွန်ုပ်တို့သည် cookie များကို အသုံးပြုပါသည်။ ဒေတာများကို ပြုပြင်ခြင်းသည် ကိုယ်ရေးကိုယ်တာ မူဝါဒအတိုင်း ဖြစ်ပါသည်။
အားလုံးလက်ခံရန် ပြင်ဆင်ရန် ငြင်းပယ်ရန်