Language/JavaScript(ES6)
[JavaScript] Object Model
문서폿
2018. 9. 1. 22:17
왜 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(경고창을 뜨게 하는 메소드)
를 뜻한다.