Step by Step

DOM(document object model) DOM이란 HTML문서를 객체로 표현한 것으로 JS에서 HTML을 제어할 수 있게한다. 아래 코드는 h1 태그의 텍스트 값을 콘솔창에서 보여주는 코드이다. const element = document.querySelector("h1"); console.log(element.textContent); DOM API Node vs Element Node : HTML요소, 텍스트, 주석 등 모든 것을 의미 Element : HTML 요소를 의미 이제부터 나오는 js 코드들은 아래 index.html을 바탕으로 적용된다. 1 2 console.log(parent.childNodes)는 자식 노드를 확인하므로 5개의 값을 가진다. console.log(parent.c..