배움의 기록

1. mouseenter : 마우스가 위로 올라갔을 때 발생하는 이벤트. ex) title[0].addEventListener("mouseenter", function); 2. mouseleave : 마우스가 떠났을 때 발생하는 이벤트. ex) title[0].addEventListener("mouseleave", function); 3. resize : 브라우저 창의 크기가 변했을 때 발생하는 이벤트. ex) window.addEventListener("resize", function); 4. contextmenu : 마우스를 우 클릭하여 메뉴창을 열 때 발생하는 이벤트. ex 1) window.addEventListener("contextmenu", function); ex 2) title[0].ad..

document.getElementsByTagName()을 통해 HTML파일에서 특정 Tag명을 가진 요소를 불러올 수 있다. ex) const title = document.getElementsByTagName('h2'); 위와 같이 작성하면 HTML파일 내 모든 h2태그들을 배열형식으로 불러오는 듯하다. 따라서 몇 번째 h2태그를 불러왔는지 지정해줘야한다. 나는 첫번째 h2태그를 지정해줌(아래 예시). ex) const title = document.getElementsByTagName('h2')[0]; '.addEventListener'에서 사용할 때 이렇게도 쓸 수 있다. ex) tilte[0].addEventListener("eventname", function); -이제 처음 배우기 시작해서 ..