Uncaught TypeError: Cannot read property 'val' of null 해결방법

안녕하세요 오늘은 아래와 같은 에러 발생 시 해결방법에 대해 알아보겠습니다

 

 

jquery에서 value 변경 시 아래와 같이 에러가 발생하며 동작을 안 하는 경우가 있습니다.

 

Uncaught TypeError: Cannot read property 'val' of null

 

 

우선 가장 흔한 경우는 html 이 먼저 렌더링 되기 전에 실행을 해서 발생하는 경우입니다.

 

해결 방법으로 자바스크립트를 맨 아래로 옮겨주세요.

 

자바스크립트를 상단에 작성하여 사용하시는 분들이 많으실 텐데요

 

최하단에 작성하는 게 맞는 방법이라고 합니다.