# nodeList

gamangee

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

raccoon-ccoder

querySelectorAll의 반환 값인 NodeList를 Array로 변환하는 방법

kip

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

ssonnni

문자열 등 유사배열(Array-like)객체나 이터러블한 객체를 배열로 만들어주는 메서드입니다.유사배열 객체란키가 인덱스 값으로 되어있고 길이를 나타내는 length 속성을 갖는 객체를 의미합니다.예제

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가 아닌