Cách thêm class cho phần tử DOM trong JavaScript

Để thêm class cho một phần tử DOM, bạn trước tiên cần tìm nó bằng querySelector như querySelector, getElementById, v.v. Sau đó thêm class. Ví dụ, nếu bạn có HTML sau:

Ví dụ

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

Bạn có thể tìm phần tử bằng 2 cách sau:

querySelector

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

getElementById

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

Sau đó bạn có thể thêm class cho phần tử này bằng:

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