이번주에 Dom으로 HTML을 조작하는 방법중 기초적인 새로운 element를 만들겠다
let newDiv = document.createElement('div') // 여기서는 div element를 변수 newDiv 에 할당합니다
근데 이렇게하면 화면에 어떤 변화도 나타나지 않습니다.
아직 화면에 변호가 없는 게 당연합니다. newDiv 라는 요소는 현재 공중부양 중입니다.
위 그림처럼 공중에 떠있는 엘리먼트를 확인하기 위해서는 APPEND 로 newDiv 트 리구조에 연결한다.
그러면
document.body.append(newDiv)//변수 newDiv에 담기 새로운 엘리먼트를 body 엘리먼트에 append 한다
그러면<body> 태그에 안에 바로 자식으로 추가 가능 하다
'Dom' 카테고리의 다른 글
| querySelector, querySelectorAll (0) | 2021.10.30 |
|---|---|
| append VS appendChild, remove VS removeChild (0) | 2021.10.30 |
| Dom 순회 (0) | 2021.09.23 |
| 부모 엘리먼트 찾기 (0) | 2021.09.23 |
| 자식 엘리먼트 찾기 (0) | 2021.09.23 |