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은 중복될 수 있는 태그를 배열 형태로 관리할 때 효율적으로 사용할 수 있다!
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은 중복될 수 있는 태그를 배열 형태로 관리할 때 효율적으로 사용할 수 있다!
'IT노트(구) > JavaScript' 카테고리의 다른 글
alert가 window.alert의 줄임말이라는 사실을 믿을 수 있는가? (0) | 2015.11.02 |
---|---|
window.attachEvent 대신 window.addEventListener를 사용하자. (1) | 2015.11.01 |
자바스크립트에서 window.location과 location의 차이 (0) | 2015.10.31 |
자바스트립트에서 replaceAll 사용하는 방법 (0) | 2015.10.29 |
document.all을 절대로 쓰지 말자! (0) | 2015.10.28 |