JS를 사용하여 하위 요소에 클래스를 추가하는 방법

Question

탐색 메뉴가 있습니다. <ul> 태그에 클래스를 .container로 추가하려고합니다. 단, 예를 들어 해당 요소에 "megamenu"클래스가있는 경우에만. 그것을 어떻게 성취 할 수 있습니까? 나는 "메가 메뉴"로 단 하나의 드롭 다운을 가질 것이다.

미리 감사드립니다.

Answer 1

className 순수한 자바 스크립트를 사용하려면 다음 코드를 사용하십시오. 그렇지 않은 경우 jQuery를 사용하면 쉽게 동일하게 처리 할 수 ​​있습니다.

//lets find the element with that class. 
var menu = document.querySelectorAll('.megamenu'); 

// lets verify only one menu with '.megamenu' 
if(menu.length == 1) 
{ 
    //set the class 
    menu[0].className = " " + "anotherClassName"; 
} 

우리는 megamenu

// lets verify only one menu with '.megamenu' 
if(menu.length == 1) 
{ 
    // set the class to the child '.container' 
    // I'm expecting only one '.container' inside megamenu 
    // if you have multiple and want apply for all use .querySelectorAll 
    menu[0].querySelector('.container').className = " " + "anotherClassName"; 
}