반응형
오류 상황
자바스크립트 파일에 코드를 작성하고 run을 실행하니
Uncaught TypeError TypeError: Cannot set properties of null (setting 'onclick')
라는 오류가 발생하고 onclick이벤트가 동작하지 않는 오류 발생
해결
이와 같은 오류는 document.getElementById("아이디")요소를 찾지 못한다는 것을 의미한다. 다음 두 가지 사항을 살펴봄으로써 오류를 해결할 수 있다.
- "아이디"가 document에서 사용된 id가 맞는지 확인한다.("아이디"가 선언되어 있지 않거나, 오타가 발생했을 수 있으니 이를 살펴본다.)
- 자바스크립트 코드가 "아이디" 요소 존재 이전에 실행되는 경우 이와 같은 오류가 발생할 수 있다. ("아이디"를 포함하는 HTML 코드 이전에 자바스크립트가 삽입된 경우)
나의 경우 아래와 같이 오류를 수정했다.
<head>
</head>
<body>
<script type="text/javascript" src="stopwatch.js"></script>
...코드...
</body>👇
<head>
</head>
<body>
...코드...
<script type="text/javascript" src="stopwatch.js"></script>
<!--body의 가장 마지막 부분에 자바스크립트 코드를 삽입했다.-->
</body>
반응형
'웹 프로그래밍 > JavaScript | TypeScript' 카테고리의 다른 글
| [땅콩코딩] 타입스크립트 강좌 내용정리(열거형과 리터럴 타입) (0) | 2024.03.14 |
|---|---|
| [땅콩코딩] 타입스크립트 강좌 내용정리(TS의 특성, 설치 및 환경설정, 타입추론, 타입명시, 인터페이스) (0) | 2024.03.11 |
| [모던 자바스크립트 Deep Dive] 4장. 변수 (0) | 2023.05.24 |
| [자바스크립트 문법] Array.prototype.map(), Array.prototype.reduce(), Array.prototype.filter() (0) | 2023.02.19 |
| [ZeroCho] ES2021 자바스크립트 강좌 10장 클래스_텍스트 RPG 게임 만들기 (0) | 2022.08.08 |
| [ZeroCho] ES2021 자바스크립트 강좌 9-8,9강. 셀프 체크 - 컴퓨터의 턴 만들기, 생각하는 척하는 컴퓨터 만들기 (0) | 2022.08.02 |