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

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

elem.style.width = '100px';

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

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

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

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

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

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

div တစ်ခုနှင့် ခလုတ်တစ်ခု ရှိပါသည်။ ခလုတ်ကိုနှိပ်သည့်အခါ div အား အကျယ် 400px နှင့် အမြင့် 300px အဖြစ် သတ်မှတ်ပါ။

div တစ်ခု ရှိပါသည်။

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

ခလုတ်လည်း ရှိပါသည်။ ခလုတ်ကိုနှိပ်သည့်အခါ div ၏ အကျယ်နှင့် အမြင့်ကို တိုင်းတာမှုယူနစ်များ မပါဘဲ ဖော်ပြပါ။

div တစ်ခု ရှိပါသည်။

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

ခလုတ်လည်း ရှိပါသည်။ ခလုတ်ကိုနှိပ်သည့်အခါ div ၏ စာလုံးအရွယ်အစားကို တိုင်းတာမှုယူနစ် မပါဘဲ ဖော်ပြပါ။