순수 자바 스크립트를 사용하여 다른 버튼을 클릭하면 클래스에서 버튼을 제거하는 방법

Question

이 작업을 수행하는 데 어려움이 있습니다.

응답 성있는 탭/아코디언이 있습니다. 그러나 하나의 버튼을 클릭하면 "활성"클래스가 적용되지만 다른 버튼을 클릭하면 "활성"클래스가 이전 버튼에 남아 있습니다. jQuery가 아니라 Javascript를 사용하여이 작업을 수행해야합니다.

"Uncaught TypeError : HTMLButtonElement에서 정의되지 않은 의 속성 'remove'을 읽을 수 없습니다."라는 오류 메시지가 나타납니다.

var accordion = document.getElementsByClassName("accordion"); 
var activeAccordion = document.getElementsByTagName("button"); 
var i; 

for (i = 0; i < accordion.length; i++) { 

    accordion[i].addEventListener("click", function(){ 

    this.classList.toggle("active"); 
    activeAccordion.classList.remove("active"); 

    var panel = this.nextElementSibling; 
    if (panel.style.maxHeight){ 
     panel.style.maxHeight = null; 
    } else { 
     panel.style.maxHeight = panel.scrollHeight + "px"; 
    } 
    }) 
} 

Answer 1

이

activeAccordion.classList.remove("active"); 

activeAccordion.classList.removeClass("active");