러닝 자바스크립트: ES6로 제대로 입문하는 모던 자바스크립트 웹 개발

374

러닝 자바스크립트

CAUTION

_

브라우저는

ID

가 중복되어도 경고하지 않으므로

HTML

유효성 검사기 등을 통해 유일한

ID

를 사용해야 합니다. 웹 페이지는 점점 복잡해지고 여러 소스에서 구성 요소를 가져오는 일이 많으므로

ID

의

중복을 피하는 일이 점점 어려워지고 있습니다. 따라서

ID

를 사용할 때는 주의 깊게, 남용하지 않도록 해야

합니다.

document

.

getElementsByClassName

는 주어진 클래스 이름에 해당하는 요소들을 반환합니다.

const

callouts

=

document

.

getElementsByClassName

('

callout

');

document

.

getElementsByTagName

는 주어진 태그 이름에 해당하는 요소들을 반환합니다.

const

paragraphs

=

document

.

getElementsByTagName

('

p

');

CAUTION

_

DOM

메서드가 반환하는 컬렉션은 자바스크립트 배열이 아니라

HTMLCollection

의 인스

턴스로, 배열 비슷한 객체입니다. 이 컬렉션에

for

루프를 사용할 수는 있지만

map

,

filter

,

reduce

같은

Array

.

prototype

메서드는 사용할 수 없습니다. [...

document

.

getElementsByTagName

(

p

)]처

럼 확산 연산자를 써서

HTMLCollection ...