티스토리 뷰
Uncaught TypeError: Cannot read properties of null
Coding Life 2024. 6. 15. 20:06Uncaught TypeError: Cannot read properties of null (reading 'value')
at updateEstimate (write_form.php?mode=modify&num=2088&tablename=work:1261:55)
at HTMLDocument.<anonymous> (write_form.php?mode=modify&num=2088&tablename=work:1302:2)
위의 오류가 몇번째 줄에서 나는지 어떻게 알수 있을까요?
Uncaught TypeError: Cannot read properties of null (reading 'value') 오류는 JavaScript 코드에서 특정 요소가 존재하지 않는데 접근하려고 할 때 발생합니다. 오류 메시지에서 해당 줄 번호가 이미 제공되고 있습니다. 예를 들어, write_form.php?mode=modify&num=2088&tablename=work:1261:55에서 1261은 오류가 발생한 줄 번호이고, 55는 그 줄에서 오류가 발생한 열 번호입니다.
이 문제를 해결하려면 해당 줄에서 어떤 요소가 존재하지 않는지 확인하고, 접근하기 전에 존재 여부를 확인하는 조건문을 추가해야 합니다.
다음은 오류를 방지하기 위한 코드를 추가하는 예제입니다.
문제 해결 방법
요소 존재 여부 확인: 요소가 존재하는지 확인한 후 값을 읽도록 합니다.
디버깅: 콘솔 로그를 사용하여 디버깅을 수행합니다.
예제 코드
아래는 updateEstimate 함수에서 요소가 존재하는지 확인하는 방법입니다.
'IT tech Coding > javascript' 카테고리의 다른 글
html input에서 포커스를 받을때 팝업창을 띄우고 다시 포커스를 얻을때까지 팝업창이 뜨지 않게 하는 코드 (0) | 2024.07.04 |
---|---|
[자바스크립트+php] 나만의 내것의 QR코드 생성기 만들어보자~ (0) | 2024.06.19 |
부트스트랩의 title 기능을 이용해서 td 요소에도 title 기능을 이용해서 좀 멋진 title을 만들고 싶다. (0) | 2024.05.16 |
처음 겪어본 Failed to load resource: net::ERR_CERT_DATE_INVALID 오류에 대한 대처방법 (0) | 2024.05.03 |
자바스크립트, 특정 요소만, 특정페이지만 인쇄하기 (0) | 2024.05.01 |
- Total
- Today
- Yesterday
- #카테고리트리
- General error: 2031
- #textarea #자동높이조절 #ux개선 #웹개발 #프론트엔드 #자바스크립트 #html팁 #웹디자인 #uiux #코딩팁
- Bootstrap 5
- 티스토리챌린지
- 1. #웹개발 2. #로트번호 3. #성적서보기 4. #ajax 5. #jquery 6. #php 7. #프론트엔드 8. #백엔드 9. #부트스트랩 10. #웹기능구현
- 엑셀보호
- 오토핫키가이드
- 오블완
- 엑셀셀보호
- #트리구조
- json파일편하게보는법
- 도면자동생성
- 엑셀입력보호
- isset을 적용해야 하는 이유
- #동적ui
- 캐드자동작도
- coalesce는 한국어로 "코얼레스크" 또는 "코얼리스"
- ajax오류메시지
- json파일형태보기
- 자바스크립트 코드 기본지식
- 웹제작강의안2주차
- #계층형데이터
- #데이터무결성
- 효율적코딩방법
- 구글드라이브API
- #웹개발
- #데이터베이스설계
- #php에러해결 #php경고메시지 #nonwellformednumeric #php초보자팁 #웹개발에러 #프로그래밍디버깅 #php정규식 #코드디버깅팁 #웹개발문제해결 #php숫자형변환
- #tuigrid #자바스크립트그리드 #행삽입 #행삭제 #웹개발팁 #프론트엔드개발 #javascriptgrid #데이터테이블 #ui개선 #그리드커스터마이징
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 |