대상.className = '이름' <- 기존에 부여되어 있던 클래스를 삭제 후 새로 지정
document.querySelector("#header").className = 'scroll';
<div id="header" class="active"> → <div class="scroll">
대상.classList.add('이름') <- 기존의 class에 새로운 클래스를 추가
document.querySelector("#header").classList.add('scroll');
<div id="header" class="active"> → <div class="active scroll">
[Javascript] class 추가/변경/삭제/읽기
https://velog.io/@ahn-sujin/Javascript-class-%EC%B6%94%EA%B0%80%EB%B3%80%EA%B2%BD%EC%82%AD%EC%A0%9C%EC%9D%BD%EA%B8%B0
[Javascript] class 추가/변경/삭제/읽기
https://hianna.tistory.com/469