728x90
728x90
SMALL

dom 2

24.02.07

안녕하세요, 오랜만에 글을 쓰는 것 같네요. 저번에 말씀드린 DOM의 이벤트의 흐름부터 정리하려 합니다. 사실 이전에 작성하던 글이 있었는데 중간에 날아가서 다시 정리하는 시간이에요.. 덕분에 복습도 되고 좋은 것 같습니다 ^-ㅜ.. 이벤트 흐름 브라우저 화면에서 이벤트 발생 시 브라우저는 가장 먼저 이벤트 대상을 찾음 대상을 찾아갈 때 상위의 window 객체부터 document, body 순으로 DOM 트리를 따라 내려감 = 캡처링 단계라고 부름 이벤트 대상을 찾아가는 과정에서 브라우저는 중간에 만나는 모든 캡처링 이벤트 리스너를 실행 이벤트 대상을 찾고 캡처링이 끝나면 이제 다시 DOM 트리를 따라 올라가며 만나는 모든 버블링 이벤트 리스너를 실행 = 버블링 단계라고 부름 이러한 과정에서 이벤트 리..

24.02.06

DOM (Document Object Model) HTML 문서의 내용을 트리형태로 구조화하여 웹페이지와 프로그래밍 언어를 연결시켜 주는 역할 각각의 요소와 속성, 콘텐츠를 표현하는 단위를 노드 (Node)라고 함 + API (Application Programming Interface) : 설명서 DOM 트리에 접근 document 객체를 통해 HTML 문서에 접근이 가능 (document : 브라우저가 불러온 웹페이지) = DOM 트리의 진입점 역할을 수행 // 해당하는 Id를 가진 요소에 접근 document.getElementById(); // 해당하는 모든 요소에 접근 document.getElementsByTagName(); // 해당하는 클래스를 가진 모든 요소에 접근 document.get..

728x90
728x90
LIST