왜 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 |