چگونه نوع را حذف کنیم

یاد بگیرید که چگونه از JavaScript از عنصر حذف کنید.

برای حذف یک نوع از اینجا کلیک کنید!

حذف نوع

مرحله اول - اضافه کردن HTML:

در این مثال، ما از یک دکمه برای حذف یک نوع از id="myDIV" عنصر <div> را حذف کنید "mystyle" نوع:

<button onclick="myFunction()">آمتحان کنید</button>
<div id="myDIV" class="mystyle">
  این یک عنصر DIV است.
</div>

مرحله دوم - اضافه کردن CSS:

طرح مشخص شده را تنظیم کنید:

.mystyle {
  width: 100%;
  padding: 25px;
  background-color: coral;
  color: white;
  font-size: 25px;
}

مرحله سوم - اضافه کردن JavaScript:

دریافت کنید id="myDIV" عنصر <div> را و از آن حذف کنید "mystyle" نوع:

function myFunction() {
  var element = document.getElementById("myDIV");
  element.classList.remove("mystyle");
}

به طور مستقیم امتحان کنید

صفحات مرتبط

آموزش:چگونه انجام دهیم: تغییر کلاس

آموزش:چگونه انجام دهیم: اضافه کردن کلاس

دستورالعمل:ویژگی classList HTML DOM Element

دستورالعمل:ویژگی className HTML DOM Element