วิธีการ - ลบชั้นเรียน
เรียนรู้วิธีลบชื่อคลาสออกจากองค์ประกอบด้วย JavaScript
คลิกปุ่มเพื่อลบชั้นเรียนออกจากฉัน!
ลบคลาส
ขั้นตอนที่ 1) เพิ่ม HTML:
ในตัวอย่างนี้ เราจะใช้ปุ่มเพื่อลบคลาส "mystyle" ออกจาก <div> องค์ประกอบที่มี id="myDIV":
ตัวอย่าง
<button onclick="myFunction()">Try it</button>
<div id="myDIV"
class="mystyle">
This is a DIV element.
</div>
ขั้นตอนที่ 2) เพิ่ม CSS:
จัดรูปแบบชื่อคลาสที่ระบุ:
ตัวอย่าง
.mystyle {
width: 100%;
padding:
25px;
background-color: coral;
color: white;
font-size: 25px;
}
ขั้นตอนที่ 3) เพิ่ม JavaScript:
รับ <div> องค์ประกอบที่มี id="myDIV" และลบคลาส "mystyle" ออกจากมัน:
ตัวอย่าง
function myFunction() {
var element = document.getElementById("myDIV");
element.classList.remove("mystyle");
}
เคล็ดลับ:ดูวิธีการสลับคลาส Aด้วย
เคล็ดลับ:ดูวิธีเพิ่มชั้นเรียนด้วย
เคล็ดลับ:เรียนรู้เพิ่มเติมเกี่ยวกับ คุณสมบัติ classListในการอ้างอิง JavaScript ของเรา
เคล็ดลับ:เรียนรู้เพิ่มเติมเกี่ยวกับ คุณสมบัติ classNameในการอ้างอิง JavaScript ของเรา