ในการเพิ่มคลาสให้กับองค์ประกอบ DOM ก่อนอื่นคุณต้องค้นหาโดยใช้ querySelector เช่น querySelector, getElementById เป็นต้น จากนั้นคุณต้องเพิ่มคลาส ตัวอย่างเช่น หากคุณมี HTML ดังต่อไปนี้ −
ตัวอย่าง
<!DOCTYPE html> <html> <head></head> <body> <p id="para">This is some text</p> </body> </html>
คุณสามารถค้นหาองค์ประกอบโดยใช้วิธีใดวิธีหนึ่งต่อไปนี้ -
querySelector
let myPara = querySelector('#para')[0]; getElementById
let myPara = getElementById('para'); จากนั้นคุณสามารถเพิ่มคลาสให้กับองค์ประกอบนี้โดยใช้ −
let myPara = getElementById('para');
myPara.classList.add('myClass'); 