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

জাভাস্ক্রিপ্টে element.classList ক্লিয়ার করা

ক্লিয়ার করতে জাভাস্ক্রিপ্টে remove() ব্যবহার করুন।

উদাহরণ

নিচে কোডটি দেওয়া হলো:

<!DOCTYPE html> <html lang="en"> <head>    <meta charset="UTF-8">    <meta name="viewport" content="width=device-width, initial-scale=1.0">    <title>Document</title> </head> <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> <script src="https://code.jquery.com/jquery-1.12.4.js"></script> <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> <style>    .removeClass {       color: red;    } </style> <body> <p id="remove" class="removeClass">Javascript Tutorial</p> </div> <button onclick="removeClassName()">Remove</button> </body> <script>    function removeClassName() {       const element = document.getElementById("remove");       element.classList.remove("removeClass");    } </script> </html>

প্রোগ্রামটি চালানোর জন্য, ফাইলটি যেকোনো নাম দিয়ে সংরক্ষণ করুন (যেমন: index.html)। ফাইলে ডান ক্লিক করে VS Code এডিটরে Open with live server অপশনটি নির্বাচন করুন।

এটি নিচের আউটপুটটি দেবে:

জাভাস্ক্রিপ্টে element.classList ক্লিয়ার করা

এখন রিমুভ বাটনে ক্লিক করলে নিচের আউটপুট পাবেন।

আউটপুট

এটি নিচের আউটপুটটি দেবে:

জাভাস্ক্রিপ্টে element.classList ক্লিয়ার করা

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

  2. জাভাস্ক্রিপ্টে উপাদান পুনরাবৃত্ত হলে তার সব ইন্সট্যান্স অ্যারেতে থেকে সরানো

  3. জাভাস্ক্রিপ্টে ID দিয়ে এলিমেন্ট রিমুভ করা

  4. জাভাস্ক্রিপ্টে অ্যারেতে একাধিকবার যেটি আসেছে সেগুলো সব রিমুভ করা