JavaScript မှ style ဖြင့် စတိုင်များကို ပြန်လည်သတ်မှတ်ခြင်း

အချို့သော event ကြောင့် element တစ်ခုကို ဝှက်ရန် ဆုံးဖြတ်လိုက်သည်ဟု ဆိုကြပါစို့:

javascriptelem.style.display = 'none';

ယခု ပြန်ပြရန် ဆုံးဖြတ်လိုက်သည်ဟု ဆိုပါစို့။ ဆိုလိုသည်မှာ display property အား ၎င်း၏ မူလတန်ဖိုးသို့ ပြန်ပေးရန် ဖြစ်သည်။ ဥပမာ၊ ဤသို့:

javascriptelem.style.display = 'block';

ပြဿနာမှာ ၎င်းသည် မအဆင်ပြေခြင်း ဖြစ်သည်။ အဘယ်ကြောင့်ဆိုသော် မူလတန်ဖိုးသည် block အတိအကျ ဖြစ်ရမည် မဟုတ်ပါ။ ၎င်းသည် flex သို့မဟုတ် inline-block သို့မဟုတ် အခြားတစ်ခုခု ဖြစ်နိုင်သည်။ ၎င်းကို ကျွန်ုပ်တို့က CSS ဖိုင်တွင် သတ်မှတ်ထားနိုင်သကဲ့သို့၊ browser က default အနေဖြင့်လည်း ယူနိုင်သည်။ မှန်ကန်သော တန်ဖိုးကို ခြေရာခံရန် ခက်ခဲသည်။

ကံကောင်းထောက်မစွာ၊ မူလ property တန်ဖိုးကို လွယ်ကူစွာ ပြန်ရရှိရန် နည်းလမ်းရှိပါသည်။ ရိုးရှင်းစွာ property ၏ တန်ဖိုးအဖြစ် အလွတ်စာကြောင်း (empty string) တစ်ခု သတ်မှတ်ပေးရန် လိုအပ်သည်:

javascriptelem.style.display = '';
Задание 1

Div တစ်ခုနှင့် ခလုတ် နှစ်ခု ရှိသည်။ ပထမခလုတ်ကို နှိပ်လိုက်သောအခါ div ကို ဝှက်ပါ၊ ဒုတိယခလုတ်ကို နှိပ်လိုက်သောအခါ - ပြပါ။

Задание 2

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