W3.JS တွင် အတန်းများကို HTML တွင်ထည့်ပါ။

❮ ယခင် နောက်တစ်ခု ❯

အတန်းတစ်ခုကို ထည့်ပါ-

w3.addClass(selector,'class')

အတန်းများစွာကို ထည့်ပါ

w3.addClass(selector,'class1 class2 class3...')

ID ဖြင့် အတန်းကိုထည့်ပါ။

id="London" ပါသည့် အစိတ်အပိုင်းတစ်ခုသို့ "အမှတ်အသားပြုထားသော" အတန်းကို ထည့်ပါ-

ဥပမာ

<button onclick="w3.addClass('#London','marked')">Add Class</button>

Tag ဖြင့် Class ထည့်ပါ။

<h2> ဒြပ်စင်များအားလုံးတွင် "မှတ်သားထားသည်" အတန်းကို ထည့်ပါ။

ဥပမာ

<button onclick="w3.addClass('h2','marked')">Add Class</button>

အတန်းအလိုက် အတန်းထည့်ပါ။

class="city" ပါသည့် အစိတ်အပိုင်းတစ်ခုသို့ "မှတ်သားထားသည်" အတန်းကို ထည့်ပါ-

ဥပမာ

<button onclick="w3.addClass('.city','marked')">Add Class</button>

အတန်းများစွာကို ထည့်ပါ။

အတန်းများစွာကို ဒြပ်စင်တစ်ခုသို့ ထည့်ရန်၊ အတန်းတစ်ခုစီကို နေရာလွတ်တစ်ခုဖြင့် ပိုင်းခြားပါ။

id="London" ပါသည့် အစိတ်အပိုင်းတစ်ခုသို့ "class1" နှင့် "class2" နှစ်ခုလုံးကို ထည့်ပါ-

ဥပမာ

<button onclick="w3.addClass('#London','class1 class2')">Add Classes</button>

HTML အစိတ်အပိုင်းများမှ အတန်းများကို ဖယ်ရှားပါ။

အတန်းတစ်ခုကို ဖယ်ရှားပါ-

w3.removeClass(selector,'class')

အတန်းများစွာကို ဖယ်ရှားပါ-

w3.removeClass(selector,'class1 class2 class3...')

ID ဖြင့် အတန်းကို ဖယ်ရှားပါ။

id="London" ပါသည့် အစိတ်အပိုင်းတစ်ခုမှ "အမှတ်အသားပြုထားသော" အတန်းကို ဖယ်ရှားပါ-

ဥပမာ

<button onclick="w3.removeClass('#London','marked')">Remove Class</button>

Tag ဖြင့် အတန်းကို ဖယ်ရှားပါ။

<h2> ဒြပ်စင်များအားလုံးမှ "မှတ်သားထားသည်" အတန်းကို ဖယ်ရှားပါ-

ဥပမာ

<button onclick="w3.removeClass('h2','marked')">Remove Class</button>

အတန်းအလိုက် အတန်းကို ဖယ်ရှားပါ။

class="city" ဖြင့် ဒြပ်စင်အားလုံးမှ "အမှတ်အသားပြုထားသော" အတန်းကို ဖယ်ရှားပါ-

ဥပမာ

<button onclick="w3.removeClass('.city','marked')">Remove Class</button>

အတန်းများစွာကို ဖယ်ရှားပါ။

ဒြပ်စင်တစ်ခုမှ အတန်းများစွာကို ဖယ်ရှားရန်၊ အတန်းတစ်ခုစီကို နေရာလွတ်တစ်ခုဖြင့် ပိုင်းခြားပါ။

id="London" ပါသည့် အရာတစ်ခုမှ "class1" နှင့် "class2" နှစ်ခုလုံးကို ဖယ်ရှားပါ-

ဥပမာ

<button onclick="w3.removeClass('#London','class1 class2')">Remove Classes</button>

HTML ဒြပ်စင်များ၏ Class ကို ပြောင်းပါ။

အတန်းတစ်ခုပြောင်းရန် (ဖွင့်/ပိတ်)-

w3.toggleClass(selector,'class')

အတန်းနှစ်ခုကြားတွင် ပြောင်းရန်-

w3.toggleClass(selector,'property','class','class')

Id ဖြင့် အတန်းကို ပြောင်းပါ။

id="London" ဖြင့် ဒြပ်စင်တစ်ခု၏ "မှတ်သားထားသည်" အတန်းကြားသို့ ပြောင်းရန်-

ဥပမာ

<button onclick="w3.toggleClass('#London','marked')">Toggle</button>

Tag ဖြင့် အတန်းကို ပြောင်းပါ။

<h2> ဒြပ်စင်အားလုံး၏ "မှတ်သားထားသည်" အတန်းကြားသို့ ပြောင်းပါ-

ဥပမာ

<button onclick="w3.toggleClass('h2','marked')">Toggle</button>

အတန်းအလိုက် အတန်းပြောင်းပါ။

class="city" ဖြင့် ဒြပ်စင်အားလုံး၏ "အမှတ်အသားပြုထားသော" အတန်းကြားသို့ ပြောင်းပါ-

ဥပမာ

<button onclick="w3.toggleClass('.city','marked')">Toggle</button>

အတန်းများစွာကို ပြောင်းရန်

id="London ၏ အတန်းအမည် "class1" နှင့် "class2" အကြား ပြောင်းရန်

ဥပမာ

<button onclick="w3.toggleClass('#London','class1','class2')">Toggle</button>

❮ ယခင် နောက်တစ်ခု ❯