JavaScript ရှိ style attribute တွင် တိုင်းတာမှုယူနစ်များ

style attribute မှတစ်ဆင့် ဂုဏ်သတ္တိများ၏တန်ဖိုးများကို သတ်မှတ်သည့်အခါ တိုင်းတာမှုယူနစ်များကို ဖော်ပြရပါမည်။

javascriptelem.style.width = '100px';

တန်ဖိုးများကိုဖတ်သည့်အခါ ၎င်းတို့သည် တိုင်းတာမှုယူနစ်များနှင့်အတူ ရရှိပါလိမ့်မည်။

javascriptlet width = elem.style.width;
console.log(width); // '100px' ကို ဖော်ပြပါမည်။

လိုအပ်ပါက parseInt ကိုအသုံးပြု၍ တိုင်းတာမှုယူနစ်များမှ ရှင်းထုတ်နိုင်ပါသည်။

javascriptlet width = elem.style.width;
console.log(parseInt(width)); // 100 ကို ဖော်ပြပါမည်။

အပိုင်းကိန်းတန်ဖိုးများ ပါဝင်နိုင်သည်ဟု ယူဆပါက parseFloat လုပ်ဆောင်ချက်ကို အသုံးပြုနိုင်ပါသည်။

javascriptlet width = elem.style.width;
console.log(parseFloat(width));

html<div id="elem" style="width: 300px; height: 200px;">
  စာသား
</div>

html<div id="elem" style="font-size: 1.5em;">
  စာသား
</div>