Javascript를 사용하여 주어진 요소에 클래스를 어떻게 추가합니까?

<시간/>

DOM 요소에 클래스를 추가하려면 먼저 querySelector, getElementById 등과 같은 querySelector를 사용하여 클래스를 찾아야 합니다. 그런 다음 클래스를 추가해야 합니다. 예를 들어 다음 HTML이 있는 경우 -

예시

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

다음 두 가지 방법 중 하나를 사용하여 요소를 찾을 수 있습니다. -

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

let myPara = getElementById('para');

그런 다음 −

를 사용하여 이 요소에 클래스를 추가할 수 있습니다.

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