티스토리 뷰

ERROR COLLECTION

[ERROR] Django에서 querySelector이나 getElementById가 null이 되는 이슈

adore_voy 2020. 11. 24. 15:23

상황

장고 내 자바스크립트 파일에서 분명 해당 아이디를 지닌 엘리먼트가 있음에도 선택이 되지 않고 null이라 출력됨.

해결

stackoverflow.com/questions/52105572/typeerror-document-getelementbyid-is-null-django-js/52105685

 

TypeError: document.getElementById(...) is null Django + JS

I'm having an error while executing the following code: var toppings = ['Zucchini', 'Fresh Garlic', 'Black Olives', 'Anchovies', 'Barbecue Chicken', 'Artichoke', 'Spinach', 'Ham', 'Sausage', '

stackoverflow.com

DOM의 버튼이 생성되기 전에 자바스크립트 파일이 실행되었기 때문에 찾을수 없다는 null이 떴던 것이었다.

때문에, 자바스크립트의 태그들을

window onload = () => {}

로 감싸서 해결하였다.

 

반응형

'ERROR COLLECTION' 카테고리의 다른 글

[ERROR] Netlify 빌드 안될 때 체크 리스트(feat. 리액트)  (1) 2021.04.17
[ERROR] 'react-scripts'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는 배치 파일이 아닙니다.  (0) 2021.02.01
[ERROR] '' form object has no attribute is_valid  (2) 2020.11.10
[ERROR] 'id' can only be used as a field name if the field also sets 'primary_key=True'  (0) 2020.11.06
[ERROR] NameError: name 'os' is not defined  (0) 2020.11.02
댓글