CSS ဂုဏ်သတ္တိတန်ဖိုးများကို JavaScript တွင် ဖြန့်ချီခြင်း

style attribute ကိုဖတ်သည့်အခါ အတိုကောက် CSS ဂုဏ်သတ္တိများကို ၎င်းတို့၏ အပြည့်အစုံဂုဏ်သတ္တိများအဖြစ် ဖြန့်ချီပေးသည်။ ဆိုလိုရင်းကို ကြည့်ကြပါစို့။ ကျွန်ုပ်တို့တွင် အနားအားလုံးအတွက် အကွာအဝေးသတ်မှတ်ထားသည်ဆိုပါစို့:

elem.style.margin = '20px';

၎င်းကို ထုတ်ပြကြမည်:

console.log(elem.style.margin); // '20px' ကိုထုတ်ပြမည်;

ဤသို့ဖြင့် တစ်ဖက်စီအတွက် သီးခြားဂုဏ်သတ္တိများကို ဖတ်ရှုနိုင်မည်ဖြစ်သည်:

console.log(elem.style.marginLeft); // '20px' ကိုထုတ်ပြမည်;

Div တစ်ခုရှိသည်:

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

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