본문 바로가기

IT노트(구)/JavaScript

document.getElementsByName()의 특징

document.getElementById();

document.getElementsByName()
;


두 함수의 이름만 보더라도


id와 name의 차이를 유추할 수 있다!(id는 getElement이고 name은 getElements이다!)



id는 중복될 수 없고(유니크하다!)


name은 중복될 수 있다!(따라서 radio나 checkbox 등에 적절하게 사용할 수 있다!)



예를 들어


var obj = document.getElementsByName('myInput');


이렇게 받았다면


alert(obj[0].value);

alert(obj[1].value);

이렇게 접근할 수 있는 것이다!(복수이므로 배열로 들어온다! id로는 절대로 할 수 없는 유연함을 누릴 수 있다!)



id는 유니크한 데이터를 다룰 때 유용하게 사용할 수 있고


name은 중복될 수 있는 태그를 배열 형태로 관리할 때 효율적으로 사용할 수 있다!