티스토리 뷰
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 |
반응형
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- nuxt 공식문서 한글
- 리액트 스크롤
- react router
- NextJS
- 글래스모피즘 애니메이션 구현
- nextjs 파라미터 넘기기
- 글래스모피즘 구현
- 카페음료테스트
- vscode venv
- dvd 효과
- css marquee
- 백준 10989 파이썬
- 파이썬 크롤링
- 파이썬 flask
- nuxt 공식문서
- 10989 파이썬
- 화이팅
- 리액트 파라미터 넘기기
- 자바스크립트
- getserversideprops redirect
- Til
- css 글래스모피즘
- 움직이는 글래스모피즘
- 파이썬 정렬
- next.js 리다이렉트
- bs4 크롤링
- nextjs 스크롤
- 리액트 컴포넌트
- 리액트 라우터
- 리액트
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
글 보관함