শ্রেণী টুলোফান করা কিভাবে
জাভাস্ক্রিপ্ট ব্যবহার করে এলিমেন্টের মধ্যে শ্রেণী নাম যোগ করা এবং অপসারণ করে টুলোফান করুন。
বাটন ক্লিক করলে শ্রেণী নাম টুলোফান হবে!
শ্রেণী টুলোফান
প্রথম পদক্ষেপ - এইমএল যোগ করুন:
শ্রেণী নাম যোগ করার জন্য 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"); }
সংক্রান্ত পৃষ্ঠা
教程:如何添加类
教程:如何删除类