DOM

[JavaScript]DOM의 사용법

문서 객체 생성하는 방법 var header = document.createElement('h2'); // 태그 생성 var textNode = document.createTextNode('Hello'); // 'Hello'라는 문자열 생성 header.appendChild(textNode); // 태그에 textNode를 append document.body.appendChild(header); // 문서(document)의 에 문자열이 들어간 태그를 append 주석으로 달아놓은 것을 보면 알 수 있듯이 이렇게 동적으로 문서객체를 생성할 수 있음!!! 문서 객체 lookup하는 방법 id 속성 var takeElement = document.getElementById("id명"); id가 'id명'인..

[JavaScript]DOM(Document Object Model)

DOM(Document Object Model)이란??? DOM이 무엇의 약자인가 보면 Document Object Model의 약자이다. 그대로 해석하면 '문서 객체 모델'이라는 뜻인데 이게 뭐냐고 그래서 ㅋㅋㅋㅋㅋㅋ 이 문서 객체라는 것은 등의 html 태그들을 JavaScript가 이용할 수 있는 객체(object)로 만든 것을 문서 객체라고 함! 그리고 DOM은 이 문서 객체를 해석하는 방식? 인식하는 방식??? 이라고 보면 된다고 함! 그니까 웹브라우저가 HTML을 인식하는 방식이라고 생각하면 됨! DOM으로 뭐하는건데 그래서? DOM은 이런 트리 형식의 자료구조를 가지고 있음 트리는 맨 위에 있는 애가 루트 노드(root node), 그 아래에 있는 애들이 차일드 노드(child node) 그..