শ্রেণী যোগ করা কিভাব

জাভাস্ক্রিপ্ট ব্যবহার করে শ্রেণী যোগ করার কিভাব শিখুন。

বাটন ক্লিক করে আমাকে শ্রেণী যোগ করুন!

শ্রেণী যোগ করা

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

শ্রেণী যোগ করা 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.add("mystyle");
}

আপনাদের নিজেদের পরীক্ষা করুন

সংশ্লিষ্ট পৃষ্ঠা

শিক্ষাক্রম:কিভাবে ক্লাস ট্যাগ বদলানো

শিক্ষাক্রম:কিভাবে ক্লাস ট্যাগ মুক্ত করা

পরামর্শ হান্ডবুক:HTML DOM Element classList এপ্রোপ্রাইটি

পরামর্শ হান্ডবুক:HTML DOM Element className এপ্রোপ্রাইটি