วิธีการ - เพิ่มชั้นเรียน
เรียนรู้วิธีเพิ่มชื่อคลาสให้กับองค์ประกอบด้วย JavaScript
คลิกปุ่มเพื่อเพิ่มชั้นเรียนให้ฉัน!
เพิ่มคลาส
ขั้นตอนที่ 1) เพิ่ม HTML:
เพิ่มชื่อคลาสให้กับองค์ประกอบ div ด้วย id="myDIV" (ในตัวอย่างนี้ เราใช้ปุ่มเพื่อเพิ่มคลาส)
ตัวอย่าง
<button onclick="myFunction()">Try it</button>
<div id="myDIV">
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.add("mystyle");
}
เคล็ดลับ:ดูวิธีการสลับคลาส Aด้วย
เคล็ดลับ:ดูวิธีลบคลาสด้วย
เคล็ดลับ:เรียนรู้เพิ่มเติมเกี่ยวกับ คุณสมบัติ classListในการอ้างอิง JavaScript ของเรา
เคล็ดลับ:เรียนรู้เพิ่มเติมเกี่ยวกับ คุณสมบัติ classNameในการอ้างอิง JavaScript ของเรา