200120 DOM, event, object

DOM(document object model) 문서 객체 모델

문서의 구조화된 표현. DOM은 웹페이지의 객체 지향 표현
예)var paragraphs = document.getElementsByTagName("P");

// name으로 특정한 tag의 값을 가져오기 : 
 document.form_name.tag_name.value
// id 선택자로 element 가져오기 :
 document.getElementById("id")

onclick 이벤트

버튼과 텍스트 같은것을 클릭을 하면 발생하는 이벤트.
<input type="submit" value="전송" onclick="return data_check()"/>

onload 이벤트

현재 문서가 브라우저에 로딩될 때 자동으로 수행되는 이벤트

mouseover 이벤트

마우스를 올려두면 발생하는 이벤트

title.onmouse = function(){
    title.style.color="green";
}

getElementById("id명")

id명을 가지고 있는 엘리먼트를 선택
var data = document.getElementById("data");

객체(Object)

객체는 여러개의 데이터, 함수 이런것들을 묶어 놓은 집합체

객체 생성 방법(2가지)

var 객체명 = new 생성자();
var obj = new Object();

var obj = {키 : 값,키 : 값}