JavaScript DOM 노드 조작 기본 원리와 실제 적용
let nodeListToArray = Array.from(targetElement.childNodes);
ES6의 Array.from() 정적 메서드를 사용하면 더 간결하게 변환할 수 있습니다. let nodeListToArray = Array.from(targetElement.childNodes);
모든 노드는 parentNode 속성을 가지며, 이는 DOM 트리에서 부모 요소를 가리킵니다. childNodes의 모든 노드는 동일한 부모 요소를 공유하므로, parentNode 속 ...
7월 6일 06:44에 게시됨
getBoundingClientRect와 IntersectionObserver의 차이점 및 활용 방법
getBoundingClientRect 메서드
getBoundingClientRect는 DOM API의 한 부분으로, 특정 요소의 뷰포트에 대한 위치와 크기 정보를 얻는 데 사용됩니다. 이 메서드는 DOMRect 객체를 반환하며, 이 객체에는 요소의 좌측 상단과 우측 하단이 뷰포트에 대한 좌표가 포함됩니다.
전통적인 이미지 지연 로딩 구현 방식에서는 scroll 이벤트를 감시하고, img 요소의 뷰포트 상단 ...
6월 22일 02:35에 게시됨