JavaScript တွင် Attribute များနှင့် အလုပ်လုပ်ခြင်းအတွက် ခြွင်းချက်များ
Attribute များနှင့် အလုပ်လုပ်စဉ်တွင် ခြွင်းချက်တစ်ခုရှိပါသည်
- ၎င်းမှာ class attribute ဖြစ်သည်။
ဤစကားလုံးသည် JavaScript တွင် အထူးစကားလုံးဖြစ်သောကြောင့်
class attribute ၏တန်ဖိုးကိုဖတ်ရန် elem.class ဟုရေးသားရုံမျှဖြင့် မရနိုင်ပါ။
အစားထိုး၍ elem.className ဟုရေးသားသင့်သည်။
ဥပမာတစ်ခုကြည့်ကြပါစို့။ ကျွန်ုပ်တို့တွင် ဤကဲ့သို့ input တစ်ခုရှိသည်ဆိုပါစို့။
html<input id="elem" class="aaa bbb">
ကျွန်ုပ်တို့၏ input အတွက် class attribute ၏တန်ဖိုးကို
ထုတ်ကြည့်ကြပါစို့။
javascriptlet elem = document.querySelector('#elem');
console.log(elem.className); // 'aaa bbb' ကိုထုတ်ပြမည်
အခြားခြွင်းချက်များလည်း ရှိပါသည်၊ ဥပမာ၊
for attribute။ ၎င်းကို
htmlFor မှတဆင့် ရည်ညွှန်းသင့်သည်။
div တစ်ခုပေးထားသည်။
html<div id="elem" class="content no-gap"></div>
ခလုတ်တစ်ခုလည်း ပေးထားသည်။ ခလုတ်ကိုနှိပ်လိုက်သောအခါ ကျွန်ုပ်တို့၏ div ၏
class attribute တန်ဖိုးကို ဖတ်ပြီး စခရင်ပေါ်တွင် ထုတ်ပြပါ။
div တစ်ခုပေးထားသည်။
html<div id="elem"></div>
ခလုတ်တစ်ခုလည်း ပေးထားသည်။ ခလုတ်ကိုနှိပ်လိုက်သောအခါ ကျွန်ုပ်တို့၏ div ၏
class attribute ထဲသို့ class တစ်ခုခု ရေးထည့်ပါ။
div တစ်ခုကို CSS class များစွာဖြင့် နေရာလပ်ဖြင့်ခွဲကာ ပေးထားသည်။
html<div id="elem" class="aaa bbb ccc"></div>
ခလုတ်တစ်ခုလည်း ပေးထားသည်။ ခလုတ်ကိုနှိပ်လိုက်သောအခါ ကျွန်ုပ်တို့၏ div ၏ CSS class များအားလုံးပါသော array တစ်ခုရယူပါ။