초보자를 위한 바닐라 자바스크립트 #2-2

KDONG 2021. 8. 29. 21:31

DOM

Document Object Module

사용하면 자바스크립트는 html에 있는 모든요소를 가지고 와서 객체로 바꾼다.

<!DOCTYPE html>
<html>
	<head>
    	<title>Something</title>
        <link rel=stylesheet"
        href="index.css" />
    </head>
    <body>
    	<h1 id="title">This works!</h1>
        <script src="index.js"></scirpt>
    </body>
</html>

id를 선언할때는 #, class를 선언할때는 . 으로 시작된다.

h1에 hello라고 적어놔서 출력이 hello라고 되야하지만, innerHTML을 사용해서 Hi! from JS로 변환시킬 수 있다.