반응형
자바스크립트로 버튼을 클릭하면 액자속 이미지가 10가지의 랜덤값중 하나로 변하는 로직을 만드는데
수업시간에 배운대로 했는데 실행 안되고
콘솔에
uncaught typeerror: cannot read properties of null (reading 'setattribute')
에러가 떴다.
setattribute가 문제인 이 에러 같다는데
문제가 없다..!! 제대로 썻는데 자꾸 문제래서 검색해보니
아래 에러는 HTML Element를 제대로 읽어들이지 못했기 때문입니다.
가장 흔한 원인은 HTML이 만들어지기도 전에 javascript에서 HTML을 읽어들이려 할 때 발생합니다.
아래를 체크해보세요.
1. 혹시 자바스크립트를 불러들이는 코드를 html의 최상단에 쓰셨나요?
만일 그렇다면 html 코드 하단에 넣어주세요.
2. 변수.setattribute 이렇게 썻을때 변수가 제대로 만들어진 것이 맞나요?
변수를 제대로 만들어지는지 체크해주세요.
나같은 경우는 HTML 이 다 읽기도 전에 자바스크립트가 먼저 읽혀서였다!!
window.onload=function(){} 안에 자바스크립트 작성하면 html 다 읽고 자바스크립트 실행되는데?
onload 썻는데..!! 왜지 해서 봤더니 { } <- 일부만 이 괄호 안에 작성하고 나머지를 이 괄호 밖에 작성해서 였다..
★오타 랑 괄호 잘확인하자
반응형