input 태그] form 태그 없는 input 태그는 document.all[]...

예전에 document.all[] 로 지정하던 값을 document.getElementById() 로 바꿔 사용한 적이 있는데,
-.-... 이거 부분적으로는 습관을 다시 바꿔(?)야할지도 모르겠다.

*참고* - 팝업 내용을 표시하기 위해... document.getElementById("").innerHTML=... -

...

<input name=i101110_1 value="testing" /><br /><br />
<input type=button value="getElementById()" onclick=alert(document.getElementById('i101110_1')); />
<input type=button value=".value" onclick=alert(document.getElementById('i101110_1').value); /><br /><br />
<input type=button value="document.all[]" onclick=alert(document.all['i101110_1']); />
<input type=button value=".value" onclick=alert(document.all['i101110_1'].value); />

* *

* form 태그 없이 사용하기 위해 새창으로 띄웠습니다.
* [popupSample] 에서의 getElementById() 는 IE 에서만 정상작동할겁니다.
(FireFox, Safari, Chrome, Opera 에서 null 값 확인)

* 현재 input 내용은 form 내용 안에 있다고 판단되고있습니다.
* FireFox 에서는 이 내용에 있는 document.all[] 처리는 안되네요.
* FireFox 에서는 popupSample 에서의 document.all[] 이 정상작동되는 것을 확인했습니다.

...

어떤 method 를 작성하다가,
내 취향때문에 input 태그를 쓸 때 form 태그 없이 작성했는데

기존에 document.getElementById() 로 작업하던 습관을 들여놔서
그렇게 지정하고 계속 처리하다가

... 갑자기 궁금해졌다. IE 외의 웹브라우져에서 이게 잘 동작할지...
(평상시에는 편집된 내용의 보관성(?) 때문에 IE 를 즐겨 사용한다.)

그래서 테스트해보니...
return value 가 죄다 null... = =;... (FireFox, Safari, Chrome, Opera...)

혹시나...싶어서, 이런방법, 저런방법...을 찾아보긴 했지만,
찾아도 안나와서

document.all[] 로 적용을 해봤는데... 엥?

...

기존에는 document.all 자체를 지원하지 않던 웹브라우져들이
input 만큼은 document.all[] 안에서만(?) 받아내고 있었다.

= =;... W3C 규약으로 묶은건지... 호환성을 위한건지는 모르겠지만,
조금 황당해졌음. (뭐... form 안쓰고 적용하려던 내가 잘못한거긴 하겠지만...)

...

NowMark killofki@.

ps... 헉!... 생각해보니
블로그 내에서는 form 에 묶여있는 듯... (IE 에서도 null 값이 나오넹...) OTL... popup 으로 틀어놓을 껄 그랬나...
popup 을 적용했음.