JavaScript ရှိ CSS style များဖတ်ရှုရာတွင် ကြုံတွေ့ရသည့် ပြဿနာများ

style property ကို အသုံးပြု၍ style attribute မှတစ်ဆင့်သာ သတ်မှတ်ထားသော style များကိုသာ ဖတ်နိုင်သည်။ ၎င်းဆိုလိုသည်မှာ CSS ဖိုင်ထဲတွင် သတ်မှတ်ထားသော style များကို ဖတ်၍မရပါ။

နမူနာတစ်ခုဖြင့် ကြည့်ကြပါစို့။ ကျွန်ုပ်တို့တွင် အောက်ပါ element ရှိသည်ဆိုပါစို့။

html<div id="elem">
  text
</div>

CSS ဖိုင်ထဲတွင် ၎င်းအတွက် အောက်ပါ style များကို သတ်မှတ်ထားသည် ဆိုပါစို့။

css#elem {
  color: red;
}

Element အား variable ထဲသို့ reference ရယူပါမည်။

javascriptlet elem = document.querySelector('#elem');

Style တန်ဖိုးကို ဖတ်ရှုကြိုးစားကြည့်ပါမည်။

javascriptconsole.log(elem.style.color); // '' ကို ပြသမည်