کلاس کو کیسے شامل کریں

کلاس کو شامل کریں

پہلا قدم - ہیبل کو شامل کریں:

کلاس کو شامل کریں 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");
}

خود کا تجربہ کریں

مربوط پیج

تدریس:کيف می‌توان انجام داد: تغییر کلاس

تدریس:کيف می‌توان انجام داد: حذف کلاس

مراجعہ دستور زبان:ویژگی classList HTML DOM Element

مراجعہ دستور زبان:ویژگی className HTML DOM Element