JavaScript ရှိ CSS style များဖတ်ရှုရာတွင် ကြုံတွေ့ရသည့် ပြဿနာများ
style property ကို အသုံးပြု၍
style attribute မှတစ်ဆင့်သာ
သတ်မှတ်ထားသော style များကိုသာ
ဖတ်နိုင်သည်။ ၎င်းဆိုလိုသည်မှာ CSS
ဖိုင်ထဲတွင် သတ်မှတ်ထားသော style များကို
ဖတ်၍မရပါ။
နမူနာတစ်ခုဖြင့် ကြည့်ကြပါစို့။ ကျွန်ုပ်တို့တွင် အောက်ပါ element ရှိသည်ဆိုပါစို့။
<div id="elem">
text
</div>
CSS ဖိုင်ထဲတွင် ၎င်းအတွက် အောက်ပါ style များကို သတ်မှတ်ထားသည် ဆိုပါစို့။
#elem {
color: red;
}
Element အား variable ထဲသို့ reference ရယူပါမည်။
let elem = document.querySelector('#elem');
Style တန်ဖိုးကို ဖတ်ရှုကြိုးစားကြည့်ပါမည်။
console.log(elem.style.color); // '' ကို ပြသမည်
