js로 html의 class를 추가/제거/토글하기

<p class="a">안녕</p>

 

위 p tag의 class에 b라는 class을 추가, 제거, 토글 하기

const aDom = document.querySelector('.a');
aDom.classList.add('b');
// => <p class="a b">안녕</p>

//!!아래와 같이하면 아예 대체되버린다.!!
aDom.className='b';
// => <p class="b">안녕</p>


//제거
aDom.classList.remove('b');


//토글 : 있으면 제거, 없으면 추가한다.
aDom.classList.toggle('b');