728x90
DOM (document object model)
html요소를 javascript object처럼 조작할수 있는 model이다
#html에 javaScript를 적용하기 위해서는 <script>태그를 이용한다. <script>요소는 등장과 함께 실행되기때문에 보통 </body>태그 직전에 삽입한다.!!
<script>태그는 html페이지 어디에나 삽입할수 있다. 이를 <head>태그에 삽입할경우 <body>가 로딩되기 전에 자바스크립트가 실행된다.
그래서 보통은 </body> 태그 직전에 자바스크립트를 삽입합니다. 이는 html문서가 모두 로딩된 다음 Dom을 통해 보다 안전하게 이와
상호작용할수있기때문이다.
#자바스크립트에서 DOM은 document객체에 구현되어있습니다.
#DOM구조를 조회할때에는 console.dir이 유용하다.
console.dir은 console.log와 달리 DOM을 객체의 모습으로 출력한다.
728x90
'부트캠프교육중 > DOM' 카테고리의 다른 글
| [DOM] Read (0) | 2023.01.06 |
|---|---|
| [DOM] Append (0) | 2023.01.06 |
| [DOM] create (0) | 2023.01.06 |
| [DOM] DOM다루기 (Create, append, Read, Update, Delete) (0) | 2023.01.06 |
| [DOM] element와 node (0) | 2023.01.06 |