getElementByName 과 getElementById 차이점

from 안에 선언된 객체들을 불러 올 경우 보통은 document.폼명.객체명 으로 해당 객체를 

Javascript에서 참조할 것이다. 허나 오늘 얘기 하고자 하는 것은 간단하지만 놓치기 쉬운 부분에 대해 

얘기 하고자 한다.

유지보수 중 Radio 버튼을 이용하여 처리를 해야 하는 경우가 발생 하였다. 조금 더 디테일 하게 얘기

하자면, 이용약관 밑에 동의여부를 만들어 달란다. 

기존이라면 위의 예시 처럼 document.폼명.객체명 으로 참조 했었겠지만, 요세는 크로스 브라우징 및 

웹접근성을 고려해야 하여, document.폼명.객체명 코드 보다는 document.getElementById 코드와

getElementByName 코드를 주로 사용하게 되었는데...

Radio 버튼을 두개이상 만들어서 Javascript로 제어를 하려 하니 getElementById로는 제어가 되지 

않았다. 그래서 getElementByName도 사용 해봤지만 객체를 찾지 못하였다. 

그래서 정리했다.

* getElementById : 객체의 고유 ID 값 참조 (싱글 객체로만 인식됨)

* getElementByName : 객체의 고유 Name 값 참조 (싱글 객체만 인식됨)

* getElementsByName : 객체의 고유 Name 값 참조 (두개 이상 동일 Name을 갖는 객체 배열로 인지)

Radio 버튼을 두개 이상 사용시 getElementsByName 로 인식이 가능하다.