Java Script 객체 찾기 및 이벤트 부여 방법

자바 스크립트 상의 객체 지정 방법

document - html페이지를 뜻한다.
form - 문서상의 폼  (현재 할당된 이름 : someForm)
button - 폼 내에 등록된 버튼 (현재 할당된 이름 : btn)

<버튼을 지정할 경우>

1. 직접 지정 방식 (dom0) - 이름을 지정하여 내려간다
 document.someForm.btn

2. getElementsByName 함수를 이용하는 방식
document.getElementsByName('btn')[0] 
(주의) getElementsByName 함수를 이용할 경우, 배열방식으로 가져오기 때문에 반드시 [0] - 배열의 순서를 지정해야 한다.

3. getElementsById함수를 이용하는 방식
document.getElementById('bbb')

4. 객체별로 찾아 내려가는 (dom2) : Internet Explorer는 안됨
document.forms[0].elements[2]
1번째 폼 3번째 객체이지만 0부터 시작하기에 0과 2 

객체에 이벤트 지정 방법
// 문서내 btn이라는 이름을 가진 객체에 클릭 이벤트를 준다. 

document.getElementsByName('btn')[0].addEventListener('click', changeGo, false);

     

1. 객체명.addEventListener ('이벤트방법', 실행할 함수, false)
    이벤트 방법 : click, change 등
   예)  document.forms[0].elements[2].addEventListener('click', changeGo, false);  // dom2

2. 객체명.실행이벤트 = 실행함수
    click = onclick
    예) document.forms[0].elements[2].onclick = changeGo;