버블링
-
[Day 31] JS DOM & 이벤트TIL/멋쟁이사자처럼 FE스쿨 2기 2022. 5. 12. 23:16
DOM 은 HTML 문서의 내용을 트리형태로 구조화하여 웹페이지와 프로그래밍 언어를 연결시켜주는 역할을 한다. 이때 각각의 요소와 속성, 콘텐츠를 표현하는 단위를 '노드(node)'라고 한다. 돔 트리에 접근 document.getElement~ document.querySelelector(All)~ (*querySelector() 는 코드 초단에만 사용하는 것이 좋다. 실행 시 코드 전체에서 요소를 찾아 실행하기 때문에 메모리 효율이 낮고 코드처리 속도가 느리다.. 그래서 함수 안에서 반복적인 사용은 지양된다.) 돔 제어 1. 이벤트 삽입 .addEventListener() 2. 클래스 제어 .classList.[add/remove/toggle/contains] 3.요소 제어 document.creat..