JavaScript-এ style-এর মাধ্যমে স্টাইল রিসেট

ধরুন আমরা কিছু ইভেন্টের উপর ভিত্তি করে এলিমেন্টটি লুকাতে চাই:

javascriptelem.style.display = 'none';

এখন ধরুন আমরা এটিকে আবার দেখাতে চাই। এর মানে হল display প্রপার্টিটিকে এর আসল মান ফিরিয়ে দিতে হবে। উদাহরণস্বরূপ, এভাবে:

javascriptelem.style.display = 'block';

সমস্যা হল যে এটি সুবিধাজনক নয়। কারণ আসল মান অগত্যা block ছিল না। এটি flex, বা inline-block, বা অন্য কিছু হতে পারে। এটি আমাদের দ্বারা CSS ফাইলে সেট করা থাকতে পারে, বা ব্রাউজার দ্বারা ডিফল্টভাবে নেওয়া হতে পারে। সঠিক মান ট্র্যাক রাখা কঠিন।

সৌভাগ্যবশত, সহজেই প্রপার্টির আসল মান ফিরিয়ে আনার একটি উপায় আছে। কেবল প্রপার্টির মান হিসাবে এটিকে একটি খালি স্ট্রিং নির্ধারণ করুন:

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

একটি div এবং দুটি বাটন দেওয়া আছে। প্রথম বাটনে ক্লিক করলে divটি লুকিয়ে দিন, এবং দ্বিতীয় বাটনে ক্লিক করলে এটি দেখান।

Задание 2

একটি div এবং দুটি বাটন দেওয়া আছে। প্রথম বাটনে ক্লিক করলে div-এর রং লাল করুন, এবং দ্বিতীয় বাটনে ক্লিক করলে আসল রং ফিরিয়ে আনুন।