কম্পিউটার টিউটোরিয়াল

জাভাস্ক্রিপ্ট দিয়ে DOM এলিমেন্ট সরানো

জাভাস্ক্রিপ্ট দিয়ে DOM থেকে এলিমেন্ট সরানো বা লুকানো সম্পর্কে দুটি ভিন্ন পদ্ধতি শিখুন।

জাভাস্ক্রিপ্ট দিয়ে DOM থেকে এলিমেন্ট সরানো/লুকানোর দুটি পদ্ধতি আছে। নিজের থেকে জিজ্ঞেস করুন “কি আমাকে এই এলিমেন্টটি ভবিষ্যতে আবার আনার প্রয়োজন পড়বে?”।

উত্তর যদি হ্যাঁ, হয় তবে আপনাকে স্টাইল প্রোপার্টি দিয়ে আপনার এলিমেন্টটি লুকাতে হবে:

const hideElement = document.querySelector('#element-to-hide') hideElement.style.display = 'none'

আপনার যদি এলিমেন্টটি আবার আনতে না হয়, তবে এই মেথডটি ব্যবহার করুন:

const removeElement = document.querySelector('#element-to-remove') removeElement.parentNode.removeChild(removeElement)

মনে রাখবেন যে querySelector() ব্যবহার করে এলিমেন্ট সিলেক্ট করার সময়, # ID অ্যাট্রিবিউটযুক্ত এলিমেন্টের জন্য, . ক্লাসের জন্য।


  1. জাভাস্ক্রিপ্ট দিয়ে এলিমেন্ট থেকে ক্লাস নাম মুছে ফেলা

  2. জাভাস্ক্রিপ্টে অ্যারে থেকে নির্দিষ্ট নাম্বার এলিমেন্ট মুছে ফেলা

  3. JavaScript-এ বাটন ক্লিকে li এলিমেন্ট রিমুভ করা

  4. জাভাস্ক্রিপ্টে অ্যারেতে থেকে ডুপ্লিকেট রিমুভ করে ইউনিক এলিমেন্ট বের করা