본문 바로가기

Language/JavaScript(ES6)

[JavaScript] Object Model


왜 Object Model을 알아야 하는가?


아래의 HTML 코드를 보자


...

<body>

<img src = "www.naver.com/images/38442.png>

</body>


HTML 태그는 window 중 document 객체에 속한다.


그래서 Javascript를 통해 제어를 할 경우에는 <img>태그의 객체를 자바스크립트에 맞게 바꿀 필요가 있다.


그 방법은 아래와 같다


document.getElementsByTag("img");


이를 해석해 보면


document(HTML문서를 뜻하는 객체).getElementsByTag(태그에 따라 여러개의 엘리먼트를 가져오는 메소드)

가 된다.


다른 예로 유명한 alert메소드 도 같다

window.alert("HI");

보통의 경우는 window를 생략하지만 

window(브라우저 전체를 뜻하는 객체).alert(경고창을 뜨게 하는 메소드)

를 뜻한다.

'Language > JavaScript(ES6)' 카테고리의 다른 글

CDN  (0) 2018.09.02
for 문  (0) 2018.09.02
[JavaScript] 제어 대상 찾기  (0) 2018.09.02
[Javascript]window객체  (0) 2018.09.01
[JavaScript]BOM객체  (0) 2018.09.01