불로구

자바스크립트를 활용해서 HTML 문서의 로드가 완료된 document에 새로운 HTML 태그를 추가할 수 있다. ​ DOM 객체 동적 생성 - 키워드 : createElement() - document.createElement("태그이름")을 이용해서 HTML 태그의 DOM 객체를 생성할 수 있다. - DOM 객체를 생성했으면 innerHTML 프로퍼티를 이용해서 생성한 객체 태그에 HTML 텍스트를 삽입한다. - 또한, CSS3 스타일 시트도 설정할 수 있다. let newDiv = document.createElement("div"); newDiv.innerHTML = "새롭게 생성했다!"; newDiv.setAttribute("id", "Ndiv"); newDiv.style.backgroundCol..

HTML DOM 객체 - 브라우저는 HTML 페이지를 로드하는 과정에서 각 HTML 태그를 하나의 객체로 만든다! - HTML DOM 이란 HTML 문서의 각 요소를 객체화한 것이다 - HTML 태그를 동적으로 제어하려면 HTML DOM에 대해 알고 있어야 한다. ​ DOM의 목적 - HTML 태그가 출력된 모양과 콘텐츠 제어 ​ DOM 트리 - HTML 태그의 포함 관계에 따라 DOM 객체들을 트리 구조로 만든다. 이것을 DOM 트리라고 함 하이요~ 버튼1 버튼2 위 소스의 DOM 트리는 2번째 사진과 같다! HTML 태그마다 하나의 DOM 객체가 생성된 것을 볼 수 있고, HTML 태그의 포함 관계에 따라 DOM 객체들이 부모 자식의 계층 관계로 구성됨을 볼 수 있다. ​ DOM 트리 특징 - DOM..