کلاس کو کیساتھی حذف کریں

کلاس حذف کریں

پہلا قدم - ایچ تی ایم ایل اضافہ کریں:

اس مثال میں، ہم ایک بٹن کا استعمال کریں گے تاکہ id="myDIV" کا <div> علامت سے "mystyle" کلاس:

<button onclick="myFunction()">کریں</button>
<div id="myDIV" class="mystyle">
  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.remove("mystyle");
}

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

مستندات مرتبط

درسی کتاب:کيف انجام دهيم: تعويض کلاس

درسی کتاب:کيف انجام دهيم: اضافه کردن کلاس

مراجع کتاب:خصوصيات HTML DOM Element classList

مراجع کتاب:خصوصيات HTML DOM Element className