윤자이 기술블로그

Document Object Model로 웹페이지를 자바스크립트로 제어하기 위한 객체 모델을 의미한다. window 객체의 document 프로퍼티를 통해서 사용할 수 있다. Window 객체가 창을 의미한다면 Document 객체는 윈도우에 로드된 문서를 의미한다고 할 수 있다. 제어 대상 찾기 getElement document.getElementsByTagName : 문서 전체에 해당 tag를 찾는다. document.getElementsByClassName : 문서 전체에서 해당 class를 찾는다. document.getElementById : 문서 전체에서 해당 id를 찾는다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 HTML CSS JavaScript var li..

html은 정적인 문서이다. 이러한 html을 동적으로 제어하기 위해서는 자바스크립트를 사용해야 한다. 웹 브라우저는 브라우저의 여러 구성요소들을 객체로 만들어서 제공해주는데 이것을 Object Model이라고 한다. 자바스크립트는 이러한 객체들을 제어해서 웹 브라우저를 제어할 수 있게된다. 객체들은 서로 계층적인 관계로 구성되어 있는데 그중 가장 큰 틀이 BOM과 DOM이 있다. DOM (document object modjel)의 document객체는 태그나 태그 같은 웹 페이지에 있는 다양한 태그들을 객체로 제어한다. BOM(browser object model)은 현재 이 웹 브라우저가 가르치고있는 url을 알아낸다거나, 현재 웹 브라우저가 표시하고 있는 페이지를 reload 한다거나 또는 경고창..