본문 바로가기

Development/JavaScript

getElementById 와 getElementsByName


먼저 공통점으로는, 둘 다 Document 오브젝트 내장함수라는 것.

'getElementById'는 브라우저의 오브젝트를 id기준으로 찾아내고,

'getElementsByName'는 name으로 찾아내서,

해당 오브젝트에 대한 참조를 반환한다.

 

'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>