웹개발하고 있는 직딩입니다.
오늘 우연히 발견한 내용인데, 이거 제가 알고 있던 상식(?)과는 다르게 작동해서 질문 드려 봅니다...
다음의 태그가 있습니다..
예제1)
===============================================
function test() {
alert(frm.userEmail.value);
}
~~~
<form name="frm">
<input type="text" id="userEmail" value="AAA"/>
<input type="button" value="test" onclick="test();" />
</form>
===============================================
자바스크립트에서 위 input 옵젝트로 접근을 할려면 document.getElementById("userEmail") 로 하지 않습니까?
그런데 frm.userEmail 로도 접근이 되네요??
저는 지금까지 <input type="test" name="userEmail" /> 로 작성이 되어야만 frm.userEmail 로 접근이 가능한걸로 알고 있었습니다.
심지어 다음의 코드도 작동을 하더군뇽??
예제2)
===============================================
function test() {
alert(frm.userEmail[0].value);
alert(frm.userEmail[1].value);
}
~~~
<form name="frm">
<input type="text" name="userEmail" value="AAA"/>
<input type="text" id="userEmail" value="BBB"/>
<input type="button" value="test" onclick="test();" />
</form>
===============================================
질문입니다...
이거 원래 이렇게 작동하는게 정상입니꽈?
아니면 언젠가 부터 id, name이 혼용해서 작동되도록 바뀐겁니꽈?
혹시 아시는 분 계신가요... 구글링해봐도 적당한 답을 못찾겠습니다... ㅡ,.ㅡ;;
글쓰기