[TIL] 2020-09-14

chanto11

2020. 9. 15. 09:14

DOM에 수행하는 모든 연산은 document 객체에서 시작한다.

document 객체는 DOM을 접근하기 위한 '진입점' document 객체를 통해서 어떤 노드에도 접근가능

<html> → document .documentElement

<body> → document.body

<head> → document.head

※ document.body 가 null 일 수 있다. <head>안에 스크립트에선 <body>를 읽기 전이니 document.body에 접근하지 못하기 떄문에 null이 출력.

자식노드 (child node, children) 는 바로 아래의 자식요소를 나타냄. 자식 노드는 부모 노드의 바로 아래에서 중첩 관계를 만듬. <html>의 자식노드는 <head>, <body>이다.

후손 노드 (descendants) 는 중첩 관계에 있는 모든 요소를 의미합니다. 모든 자식 노드 등이 후손 노드가 됨.

annyhpk.log