প্লেইন, ভ্যানিলা জাভাস্ক্রিপ্টের সাহায্যে কীভাবে DOM উপাদানগুলিকে লুকাতে এবং দেখাতে হয় তা শিখুন৷
৷
জাভাস্ক্রিপ্টের একটি শৈলী বৈশিষ্ট্য রয়েছে, যাকে উপযুক্তভাবে style বলা হয় , যা উপাদানগুলিতে CSS বৈশিষ্ট্য সেট করতে ব্যবহার করা যেতে পারে এবং CSS এর সাথে আপনি যেমন করতে পারেন সেগুলিকে স্টাইল করুন। আসুন এটি চেষ্টা করে দেখি!
এইভাবে আপনি জাভাস্ক্রিপ্টের সাথে একটি DOM উপাদান লুকান:
element.style.display = "none"DOM উপাদান আবার প্রদর্শন করতে:
element.style.display = "block"
দ্রষ্টব্য:যদি আপনার DOM উপাদানটি মূলত inline এ সেট করা থাকে অথবা inline-block , শুধু block প্রতিস্থাপন করুন উপরের মানগুলির মধ্যে একটির সাথে মান।
ব্যবহারিক উদাহরণ
উপরের উদাহরণে, element শুধুমাত্র একটি সাধারণ স্থানধারক. জাভাস্ক্রিপ্টের style ব্যবহার করতে একটি ব্যবহারিক অর্থে সম্পত্তি, আপনাকে প্রথমে DOM উপাদান নির্বাচন করতে হবে যা আপনি স্টাইল করতে চান।
ধরুন আপনার কাছে একটি বোতাম আছে যা আপনি DOM থেকে সরাতে চান, যাকে বলা হয় cta-button . আপনি এটি এভাবে করবেন:
const ctaButton = document.querySelector(".cta-button")
ctaButton.style.display = "none"