DOM
-
16일차 (DOM의 기초)코드스테이츠 2022. 11. 10. 22:10
오늘은 자바스크립트를 이용하여 html을 조작하는 DOM을 배웠다. 처음에는 어떻게 연결되는지 이해가 잘 안갔지만 실습을 하면서 이해를 했다. 그리고 이벤트 핸들러를 배웠는 아주 재미있었다! 1. DOM으로 새로운 요소 만들기 let one = document.createElement('div') div element를 만들어 변수에 할당해 줬다. 아직 트리 구조에 연결하지 않았기 때문에 어떤한 변화도 나타나지 않는다. 2. 만든 요소를 트리구조에 연결하기 document.body.append(one) document.body로 위치를 잡아주고 append를 사용하여 body안으로 넣어준다. 하지만 그래도 아직 보이지 않는다.(개발자 도구에선 확인가능) 3. 자바스크립트에서 HTML Element 조회하..