DOM에 대하여💡

limuubin·2021년 7월 9일

DOM 이란 무엇인가

DOM은 'Document Object Model' 의 약자로
HTML 요소를 Object(JavaScript Object)처럼 조작할 수 있는 Model이다.
즉 자바스크립트를 사용할 수 있다면, DOM으로 HTML을 조작할 수 있다.

우선 DOM을 사용하기 위해서 HTML과 JavaScript를 연결해보자.

HTML에 JavaScript 적용하기

HTML에 JavaScript를 적용하기 위해서는
<script>태그를 이용한다.

ex) <script scr=script.js></script>

상기의 경우 HTML파일과 같은 디렉토리에 있는 script.js 파일을 불러온다.
웹 브라우저가 작성된 코드를 해석하다가, <script>요소를 만나면 HTML해석을 멈추고
<script>요소를 먼저 실행한다.

<script>요소는 등장과 함께 실행된다는 사실을 기억!
통상적으로 <body>태그가 끝나기 전에 삽입한다.

limuubin

이전 포스트

JavaScript Scope

다음 포스트

DOM에 대하여💡

DOM 이란 무엇인가

HTML에 JavaScript 적용하기

JavaScript Scope

객체지향, OOP, Class생성

0개의 댓글