শ্রেণী টুলোফান করা কিভাবে

জাভাস্ক্রিপ্ট ব্যবহার করে এলিমেন্টের মধ্যে শ্রেণী নাম যোগ করা এবং অপসারণ করে টুলোফান করুন。

বাটন ক্লিক করলে শ্রেণী নাম টুলোফান হবে!

শ্রেণী টুলোফান

প্রথম পদক্ষেপ - এইমএল যোগ করুন:

শ্রেণী নাম যোগ করার জন্য id="myDIV" এর div এলিমেন্টের মধ্যে টুলোফান (এই উদাহরণে, আমরা বাটন ব্যবহার করি শ্রেণী নাম টুলোফান করতে):

<button onclick="myFunction()">চেষ্টা করুন</button>
<div id="myDIV">
  This is a DIV element.
</div>

দ্বিতীয় পদক্ষেপ - সিএসএস যোগ করুন:

একটি শ্রেণী নাম যোগ করে টুলোফান করুন:

.mystyle {
  width: 100%;
  padding: 25px;
  background-color: coral;
  color: white;
  font-size: 25px;
}

তৃতীয় পদক্ষেপ - জাভাস্ক্রিপ্ট যোগ করুন:

পাওয়া করুন id="myDIV" এর <div> এলিমেন্ট এবং "mystyle" শ্রেণীর মধ্যে টুলোফান:

function myFunction() {
  var element = document.getElementById("myDIV");
  element.classList.toggle("mystyle");
}

আপনাকে নিজেই চেষ্টা করুন

সংক্রান্ত পৃষ্ঠা

教程:如何添加类

教程:如何删除类

参考手册:HTML DOM Element classList 属性