DEV/javascript
-
Javascript 다양한 이벤트 예시DEV/javascript 2022. 10. 29. 16:42
click, mouseenter, mouseleave, resize, copy, online, offline 이벤트 예시. const button = document.querySelector('.btn'); button.addEventListener('click', functionName); button.onclick = functionName; // 클릭 window.addEventListener('click', functionName); // 해당 요소에 마우스 진입 window.addEventListener('mouseenter', functionName); // 해당 요소에서 마우스 떠남 window.addEventListener('mouseleave', functionName); // 해당 요소..
-
Javascript 클래스 추가, 제거 (그리고 클래스가 있는 경우 제거, 없는경우 추가)DEV/javascript 2022. 10. 29. 16:36
자바스크립트를 통해 클래스 추가, 제거 또는 클레스가 없으면 제거, 있으면 추가하는 방법 아래와 같이 사용 가능하다. test.js const sampleEle = document.getElementById("sampleEle"); // ('d-none')class 추가, 제거 sampleEle.classList.add('d-none'); sampleEle.classList.remove('d-none'); // 여러개.. sampleEle.classList.add('d-none', 'show', 'point'); // ('d-none') class가 있는 경우 제거, class가 없는 경우 추가 sampleEle.classList.toggle('d-none');