چگونه کلاس‌ها را تغییر دهیم

با استفاده از JavaScript بین اضافه کردن و حذف کلاس‌ها در عناصر تغییر دهید.

با کلیک بر روی دکمه نام کلاس تغییر می‌یابد!

تغییر کلاس

در هنگام اضافه کردن نام کلاس به id="myDIV" بین عناصر div تغییر دهید (در این مثال از دکمه برای تغییر نام کلاس استفاده می‌کنیم).

<button onclick="myFunction()">آزمایش کنید</button>
<div id="myDIV">
  این یک عنصر DIV است.
</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");
}