# HTMLCollection

6개의 포스트
post-thumbnail

HTMLCollection vs NodeList 둘의 차이를 알고 있나요?

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

2022년 2월 24일
·
0개의 댓글

NodeList랑 HTMLCollection

NodeList랑 HTMLCollection

2021년 11월 15일
·
0개의 댓글
post-thumbnail

[모던 자바스크립트 Deepdive] 읽기 - Iterable

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

2021년 11월 6일
·
0개의 댓글
post-thumbnail

HTMLCollection의 함정

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

2021년 9월 7일
·
0개의 댓글
post-thumbnail

Element? Node? HTMLCollection?

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

2021년 2월 21일
·
0개의 댓글

유사 array(Nodelist, HTMLCollection)와 array

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

2020년 12월 10일
·
0개의 댓글