JavaScript တွင် ဖတ်ရှုထားသော တန်ဖိုးများကို ပြောင်းလဲခြင်း

getComputedStyles function သည် CSS တွင် သတ်မှတ်ထားသည့် တန်ဖိုးများကို တိုက်ရိုက်ရယူခြင်း မပြုပါ။ ၎င်းသည် ထိုတန်ဖိုးများကို ပကတိတန်ဖိုးများအဖြစ်၊ ပုံမှန်အားဖြင့် ပီကေဆယ်များအဖြစ် ပြောင်းလဲပေးပါသည်။

ဥပမာတစ်ခုဖြင့် ကြည့်ရှုကြပါစို့။ ကျွန်ုပ်တို့၏ အကျယ်ကို ရာခိုင်နှုန်းဖြင့် သတ်မှတ်ထားသည်ဟု ယူဆပါမည်။

#elem {
	width: 100%;
}

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

console.log(computedStyle.width); // px ဖြင့် တန်ဖိုး

Element အတွက် အောက်ပါ style များ သတ်မှတ်ထားသည်။

#elem {
	font-size: 2em;
}

ခလုတ်ကို နှိပ်လိုက်သောအခါ element ၏ ဖောင့်အရွယ်အစားကို ထုတ်ပြပါ။