채택완료

자바스크립트에 스타일 넣는 방법좀 질문드릴께요~!

2017-12-06 (수) 13:28:55 1,980

아래 드랍메뉴 자바스크립트 소스를 구글링해서 사용하려고 하는데요..!

여기서 궁금한점이 아래 함수중 클래스 dropdown-content 요부분에 

자바스크립트에서 따로 스타일을 넣어주려면 함수를 어떻게 고쳐야 할까요?!

예를 들어서 [아이디1] 버튼을 클릭하면 

dropdown-content - 왼쪽 클래스의 스타일이 변경되게 적용하는방법좀 여쭤볼께요~!

Copy
<script>

function DropMenuStye() {
    document.getElementById("아이디1").classList.toggle("active");
}


window.onclick = function(event) {
  if (!event.target.matches('.클라스1')) {

    var dropdowns = document.getElementsByClassName("dropdown-content");
    var i;
    for (i = 0; i < dropdowns.length; i++) {
      var openDropdown = dropdowns[i];
      if (openDropdown.classList.contains('active')) {
        openDropdown.classList.remove('active');
      }
    }
  }
}
</script>

답변 1개

채택된 답변
+20 포인트

$(".dropdown-content").addClass('classname')

답변을 작성하려면 로그인이 필요합니다.