목록createDocumentFragment (1)

nika-blog

JS - DOM 심화 : createDocumentFragment, template tag, element 와 node 의 차이점, children과 childrenNodes의 차이점offsetTop, ,offsetWidth ,HTML과 DOM 차이

createDocumentFragment template tag element 와 node 의 차이점 children과 childrenNodes의 차이점 offsetTop offsetWidth HTML과 DOM 차이 효율적 DOM 제어 : createDocumentFragment 개념 : DocumentFragment는 기본적으로 DOM과 동일하게 동작하지만, HTML의 DOM 트리에는 영향을 주지 않으며, 메모리에서만 정의됩니다. 왜 필요한가? 예를 들어, 여러개의 li 태그를 가지고 있는 ul 태그를 조건에 따라 추가해야 한다면 기존에는 div 태그등을 만들어서 그 안에 ul 및 li 태그들을 생성, 추가 한두에 조건에 따라 추가해 주었습니다. 이 경우 브라우저에는 보이지 않지만 DOM 트리에 연결되..
FE/JS 2022. 2. 27. 12:05
이전 Prev 1 Next 다음