[JavaScript] getElementById 를 크롬10 버전에서 사용할때의 주의점

작업하다가 이상한 에러를 만났다.

IE6 에서는 아무 문제 없었는데, 크롬10 버전에서 테스트를 해보니, 아무런 동작을 하지 않았다.

그래서, try~catch 구문을 넣어서 확인해보니, 위와같이 value 값을 읽을 수 없다는 에러가 났다.

해당 부분은

document.getElementById("test").value;

와 같은 형식으로 작성된 부분이었다.

조금더 테스트해본 결과, 모든 getElementById 가 에러가 나는것은 아니었다.

위의 코드 부분은 폼(form) 에 속해 있는 input 박스의 값이었다.

그래서, 아래와 같이 수정하니 동작하였다.

document.testform.test.value;

하지만, div 태그에 붙여진 id 값은 getElementById 로 제대로 동작하였다.

아마도, form 태그 안에 귀속된 input 태그의 value 값은 getElementById 로 정확히 캐치해내지 못하는것 같다.

 

출처:(js) getElementById 를 크롬10 버전에서 사용할때의 주의점