[Javascript] getElementById Chrome 에러

IE7 버전 이전에서 getElementById가 에러없이 잘 동작하지만

Chrome에서 getElementById가 에러가 발생했다면 다음과 같은 에러일 수 있다.

 

IE7 이전 버전에서는 getElementById 를 태그에서 찾을 때 ID와 NAME에서 먼저 찾는 것을 리턴한다.

다시 말하면 태그에 id와 name 둘 중 하나의 값만 있어도 그 값을 리턴받아서 사용한다.

 

예를 들어보자.

input에 id값은 정의하지 않고 name값만 정의할 경우

ie7 이전 버전에서는 getElementById로 찾을 때 input에 id값이 없더라도 name값이 있으면

name의 값을 가져오기 때문에 에러가 발생하지 않는다.

 

document.getElementById("test");

<input name = "test" value = "" />