JavaScript မှ style ဖြင့် စတိုင်များကို ပြန်လည်သတ်မှတ်ခြင်း
အချို့သော event ကြောင့် element တစ်ခုကို ဝှက်ရန် ဆုံးဖြတ်လိုက်သည်ဟု ဆိုကြပါစို့:
elem.style.display = 'none';
ယခု ပြန်ပြရန် ဆုံးဖြတ်လိုက်သည်ဟု ဆိုပါစို့။
ဆိုလိုသည်မှာ display property အား
၎င်း၏ မူလတန်ဖိုးသို့ ပြန်ပေးရန် ဖြစ်သည်။
ဥပမာ၊ ဤသို့:
elem.style.display = 'block';
ပြဿနာမှာ ၎င်းသည် မအဆင်ပြေခြင်း ဖြစ်သည်။
အဘယ်ကြောင့်ဆိုသော် မူလတန်ဖိုးသည် block
အတိအကျ ဖြစ်ရမည် မဟုတ်ပါ။ ၎င်းသည်
flex သို့မဟုတ် inline-block သို့မဟုတ်
အခြားတစ်ခုခု ဖြစ်နိုင်သည်။ ၎င်းကို ကျွန်ုပ်တို့က
CSS ဖိုင်တွင် သတ်မှတ်ထားနိုင်သကဲ့သို့၊ browser က
default အနေဖြင့်လည်း ယူနိုင်သည်။
မှန်ကန်သော တန်ဖိုးကို ခြေရာခံရန် ခက်ခဲသည်။
ကံကောင်းထောက်မစွာ၊ မူလ property တန်ဖိုးကို လွယ်ကူစွာ ပြန်ရရှိရန် နည်းလမ်းရှိပါသည်။ ရိုးရှင်းစွာ property ၏ တန်ဖိုးအဖြစ် အလွတ်စာကြောင်း (empty string) တစ်ခု သတ်မှတ်ပေးရန် လိုအပ်သည်:
elem.style.display = '';
Div တစ်ခုနှင့် ခလုတ် နှစ်ခု ရှိသည်။ ပထမခလုတ်ကို နှိပ်လိုက်သောအခါ div ကို ဝှက်ပါ၊ ဒုတိယခလုတ်ကို နှိပ်လိုက်သောအခါ - ပြပါ။
Div တစ်ခုနှင့် ခလုတ် နှစ်ခု ရှိသည်။ ပထမခလုတ်ကို နှိပ်လိုက်သောအခါ div ၏ အရောင်ကို အနီရောင်သို့ ပြောင်းပါ၊ ဒုတိယခလုတ်ကို နှိပ်လိုက်သောအခါ - မူလအရောင်သို့ ပြန်ပါ။
