세통이의 블로그

document.getElementById() => 정말 id의 값으로 개체를 찾아올까??

========================== [ 예제 ] =============================
<SCRIPT>
function doShow(){
   showA.innerHTML=document.getElementById('id').value;
}
</SCRIPT>

<form name="frm">
<input type="hidden" name="id" value="111">
</form>

<input type="text" value="" name="id">

<INPUT type="button" value="id 얻기" onclick="doShow()">
<DIV id=showA>결과 표시창</DIV>
================================================================

과연 .. showA에 뿌려지는 내용은 내가 입력한 내용이 될까??

답은 아니오~ 이다..

아놔~~ id로 지정을 했는데 왜 안되??

그래서 document.getElementById() 를 찾아봤다...

# document.getElementById()
- id 애트리뷰트의 값에 맞는 처음 개체를 반환한다.

- 인수/파라메터
 > sID
    필수적인 요소이며, id 값을 지정하는 문자열이다.
 > 반환값
    반환값 oElem은 지정된 엘레멘트 인식자(id)을 갖는 처음의 개체이다.

- 특기
만일 id 값이 컬렉션에 소속되면,getElementById 메서드는 그 컬레션에서 제일 처음 개체을 반환한다.

음.. 위에서 '특기' 라고 표시된 부분에서 해답을 찾을것 같다.
좀더 확실하게 하기 위래 '컬렉션'에 대해서도 찾아봤다.

# 컬렉션(collection)
엘레멘트들로 구성된 배열변수의 대표적인 것은 form 엘레멘트의 구성요소인 입력필드들의 배열변수 elements이다.

또한 문서가 로딩되면 자동적으로 모든 문서의 엘레멘트들의 all 배열변수를 형성하는데, 이 all 배열변수를 통하여, 혹은 와 all.tags('ELEMENT')을 이용하여 해당 엘레멘트(ELEMENT)들의 컬렉션을 만들어 위 방식으로 개별 개체에 접속할 수 있다.

## document.getElementById() 를 썼더라도 form 엘레멘트의 구성요소인 입력필드들을 사용하면 name 속성명으로도 개체를 찾아오는 것이다.


## 하지만 FireFox에서는 id값으로만 찾아온다.

 * 참고 : http://koxo.com/