'getElementById'에 해당되는 글 1건

  1. 2008.03.10 getElementById와 getElementsByName 자바스크립트 1

http://blog.naver.com/pusankjs/40033807242

getElementById와 getElementsByName의 차이는
단일값이냐? 아니면 배열값이냐? 라는 차이로 보면 쉬울듯.

<input id="test" value="바보">의 값을 알고자 한다면 스크립트로..

var Obj = document.getElementById("test");
alert( Obj.value );// 바보가 출력되겠삼

그럼 getElementsByName의 예는,
<input name="test" value="바보">
<input name="test" value="똥꽤">
<input name="test" value="말똥">

<script language="javascript">
   var obj = document.getElementsByName("test");
   alert( obj[0].value); // 바보가 출력되겠삼
</script>

출처 : Tong - heart2heart님의 web개발통


****아는선배의 보충설명
주의할 점이 하나 빠졌넹. ㅎ
알고 있겠지만 ID와 NAME은 용도가 다르다는거..
ID는 말 그대로.. 식별을 위한 속성값으로써 중복을 허용하지 않지만 NAME은 해당 되는 필드의 이름으로 중복이 허용되.
그리고.. 진짜 중요한건.. Form 상태에서 submit을 시키게 될 경우 NAME을 기준으로 값이 넘어가게 되.
즉 Form안에 input으로 선언되어 있다고 해도 name을 가지지 못한 input은 값이 넘어가지 않게 되겠지?
개인적으로는 id를 사용하는게 바람직하다고 생각되지만 만약 해당 form에서 submit을 시켜 값을 전달해야 한다면 id와 name을 혼용해서 사용하는것도 좋은 방법이라고 생각함..;


 

Posted by 귀찮은 여니씨
,