- 이벤트요소를 찾으려면 console.dir 출력해서 앞에 on들어간거 찾으면됨
const title = document.querySelector(".hello h1");
console.dir(title); //element의 내부를 보는 법
function handleMouse(){
title.innerText="마우스 여깄당";
}
function mouseClick(){
title.style.color="blue";
}
function mouseLeave(){
title.innerText="마우스 갔당";
}
title.addEventListener("mouseenter",handleMouse);
title.addEventListener("click",mouseClick);
title.addEventListener("mouseleave",mouseLeave);
'자바스크립트 기기기초' 카테고리의 다른 글
#3.6 CSS in Javascript (0) | 2023.02.04 |
---|---|
#3.5 More Events (0) | 2023.02.03 |
#3.3 Events (0) | 2023.02.03 |
#3.2 Searching For Elements (0) | 2023.01.24 |
#3.0 The Document Object (0) | 2023.01.20 |