자바스크립트에 스타일 넣는 방법좀 질문드릴께요~!
본문
아래 드랍메뉴 자바스크립트 소스를 구글링해서 사용하려고 하는데요..!
여기서 궁금한점이 아래 함수중 클래스 dropdown-content 요부분에
자바스크립트에서 따로 스타일을 넣어주려면 함수를 어떻게 고쳐야 할까요?!
예를 들어서 [아이디1] 버튼을 클릭하면
dropdown-content - 왼쪽 클래스의 스타일이 변경되게 적용하는방법좀 여쭤볼께요~!
<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>
답변을 작성하시기 전에 로그인 해주세요.