แปลงคลาส

เรียนรู้วิธีการใช้ JavaScript แปลงคลาสประกอบ

This is a DIV.

เปลี่ยนคลาส

เปลี่ยนคลาสของ <div> จาก "mystyle" เปลี่ยนเป็น "newone"

<div id="myDIV" class="mystyle">
This is a DIV element.
</div>
<script>
function myFunction() {
  const element = document.getElementById("myDIV");  // ดึงตัวแปร DIV ออกมา
  element.classList.remove("mystyle"); // ลบคลาส mystyle ออกจาก DIV
  element.classList.add("newone"); // ใส่คลาส newone ลงใน DIV
}
</script>

ทดลองด้วยตัวเอง

เพจที่เกี่ยวข้อง

教程:如何切换类

参考手册:HTML DOM Element classList 属性