วิธีเพิ่ม Class ให้ DOM Element ใน JavaScript

เพื่อเพิ่ม Class ให้ DOM Element คุณต้องหา Element นั้นก่อนด้วย querySelector เช่น querySelector, getElementById ฯลฯ จากนั้นจึงเพิ่ม Class ตัวอย่างเช่น หากคุณมี HTML ดังนี้

ตัวอย่าง

<!DOCTYPE html> <html>    <head></head>    <body>       <p id="para">This is some text</p>    </body> </html>

คุณสามารถหา Element ได้ด้วย 2 วิธี

querySelector

let myPara = document.querySelector('#para');

getElementById

let myPara = document.getElementById('para');

จากนั้นคุณสามารถเพิ่ม Class ให้ Element นี้ได้ด้วย

let myPara = document.getElementById('para'); myPara.classList.add('myClass');