# HTMLCollection

husbumps

DOM컬렉션객체 HTMLCollection, NodeList로 DOM 객체 조작할 때 주의할 점

jaehoon0822

참고서적: DOM - 잡았다, 요 돔!, DOM 을 깨우치다DOM 을 보니 좀더 깊이 공부해야할것으로 느껴졌다. 아마 앞의 진도에서는 자바스크립트를 배우며 DOM 역시 같이 사용할 것이다. 더 깊숙히 공부하기 위해 해당 내용을 정리하며, 공부하도록 하자.본 내용은 공부

keynene

문서노드 > 요소노드 > 어트리뷰트노드 > 텍스트노트 순으로 구성된 중첩관계

yjs_177076

javascript • document.getElementById -> HTMLElement를 리턴 • document.getElementsByClass -> HTMLCollection을 리턴 => 실행 결과가 하나의 경우 element, 복수인 경우 HTML Col

gamangee

DOM 개념과 JS에서 HTML태그를 동적으로 추가, 삭제하는 방법, HTMLCollection과 NodeList 차이점까지 정리

kip

querySelector와 getElementById쓰다보면 드는 생각 아이디를 불러올 때 둘 다 사용가능한데, 무슨 차이가 있지? 알아야 할 개념: HTMLcollection/NodeList >HTMLcollectio

sjmh0507

querySelectorAll과 getElementsByTagname으로 요소를 잡을 때 차이점

jangws

HTML의 구조나 내용 또는 스타일 등을 동적으로 조작할 필요가 자주 있는데, 이를 위해서는 먼저 요소 노드를 취득해야 한다.같은 class 어트리뷰트 값을 갖는 모든 요소 노드들을 취득하기 위한 방법에는 두 가지가 있는데, querySelectorAll과 getEle

hamkke

NodeList랑 HTMLCollection

gygy

순회 가능한 데이터 컬렉션(자료구조)을 만들기 위해 미리 약속한 규칙ES6에서 도입되었다.이터레이션 프로토콜에는 2가지가 있다.이터러블 프로토콜이터레이터 프로토콜이터러블 프로토콜을 준수한 객체를 이터러블이라 한다.이터러블은 for...of문으로 순회할 수 있으며 스프레

june20516

최근 작업에서 클래스를 기준으로 돔을 조작하는 스크립트를 작성할 일이 있었습니다. 그런데, 이 작업 도중 도무지 이해가 가지 않는 일이 생겨 한참 삽질을 했습니다. 그 삽질의 기억을 기록합니다.

0307kwon

@ dom 객체에 관해 헷갈리는 내용을 정리했습니다.하나만 선택querySelector(), getElementById()element 객체 리턴으로 동일여러개 선택NodeList(non-live)와 HTMLCollection(live)으로 리턴 형태가 나뉘어진다.둘다

mementomori

종종 querySelectorAll를 통해 반환되는 결과값에 array method를 실행시키려 하면 오류가 나는 경우가 있다.이것은 반환되는 값이 array가 아닌, array와 유사한 Nodelist 인 경우였다.NodeList는 JavaScript API가 아닌