[API] DOM 탐색하기

728x90

DOM 탐색하기

ko.javascript.info

DOM에 수행하는 모든 연산은 document 객체에서 시작합니다. document 객체는 DOM에 접근하기 위한 '진입점’이죠. 진입점을 통과하면 어떤 노드에도 접근할 수 있습니다.

DOM 트리 상단의 노드들은 document가 제공하는 프로퍼티를 사용해 접근할 수 있습니다.

<html> = document.documentElementdocument를 제외하고 DOM 트리 꼭대기에 있는 문서 노드는 <html> 태그에 해당하는 document.documentElement입니다.

<body> = document.bodydocument.body는 <body> 요소에 해당하는 DOM 노드로, 자주 쓰이는 노드 중 하나입니다.

<head> = document.head<head> 태그는 document.head로 접근할 수 있습니다.

document.body가 null일 수도 있으니 주의하세요.

DOM에서 null값은 '존재하지 않음’이나 '해당하는 노드가 없음’을 의미합니다.

DOM 컬렉션

1. for ..of를 사용할 수 있습니다.

2. 배열이 아니기 때문에 배열 메서드를 쓸 수 없습니다.

수연