Computer >> Máy Tính >  >> Lập trình >> Javascript

Làm cách nào để thêm một lớp vào một phần tử đã cho bằng Javascript?

Để thêm một lớp vào phần tử DOM, trước tiên bạn cần tìm nó bằng cách sử dụng querySelector như querySelector, getElementById, v.v. Sau đó, bạn cần thêm lớp. 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 một trong 2 cách sau -

querySelector

let myPara = querySelector('#para')[0];

getElementById

let myPara = getElementById('para');

Sau đó, bạn có thể thêm một lớp vào phần tử này bằng cách sử dụng -

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