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

اضافه کردن نوع

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

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

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

آزمایش کنید

صفحات مرتبط

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

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

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

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