d의 이름이 news-contents 인 div 엘리먼트의 부모 엘리먼트는 무엇인가요?
[그림] id가 news-contents 인 div 엘리먼트와 body 엘리먼트의 관계
id가 news-contents 인 div 엘리먼트는 body 엘리먼트의 자식 엘리먼트입니다. 반대로 body 엘리먼트는 id가 news-contents div 엘리먼트의 부모 엘리먼트입니다. 이 관계를 자바스크립트에서 확인합니다. id가 news-contents 인 엘리먼트를 조회하려면, document.body.children 의 첫 번째 엘리먼트를 조회합니다.
[그림] id가 news-contents인 div 엘리먼트
document.body 의 children을 조회할 때마다, 매번 document.body 로부터 찾아가는 일은 정말 번거롭습니다. 따로 변수 선언을 해서 이 정보를 저장해두면, 주소를 참조하기때문에 언제든지 접근할 수 있습니다. 변수 newsContents 를 따로 선언하여 id가 news-contents 인 엘리먼트를 할당합니다.
[그림] body 엘리먼트의 자식요소를 변수에 할당합니다.
자바스크립트로 newsContents의 부모 엘리먼트를 가리키는 속성을 찾아보세요. 이 속성은 직접 검색을 통해 확인해보기 바랍니다.
'Dom' 카테고리의 다른 글
| append VS appendChild, remove VS removeChild (0) | 2021.10.30 |
|---|---|
| createElement, append (0) | 2021.10.30 |
| Dom 순회 (0) | 2021.09.23 |
| 자식 엘리먼트 찾기 (0) | 2021.09.23 |
| Dom 이란 (0) | 2021.09.23 |