질문자의 문제 점

​

* 사용하고자 하는 창에서 (즉 전체 코드에서) 스크립트를 연동하여 작동을 하면 Cannot read property 'setAttribute' of null

at changeImage (ice.js:6) 라는 오류가 발생을 합니다.

​

똑같이 다른 창에서 이부분만 복붙 하여 실행을 시키면 작동이 잘 되며 오류도 없습니다.

​

* 문제의 부분은 색깔로 표시 하였습니다.

​

원인을 찾기 위해 5일을 쏟아 부어 봤지만 해결이 안됩니다.

​

도와주세요.

​

혼자 힘으로는 도저히 해결을 못 하겠어요.

​​

html 전체 코드 입니다.

https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@800&display=swap%22" target="_blank">https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@800&display=swap" rel="stylesheet">

" target="_blank" rel="noopener noreferrer">https://use.fontawesome.com/926fe18a63.js">

​

​

​

​

js 전체 코드 입니다

var myImage=document.getElementById("mainImage");

var imageArray=["images/ice.4.png","images/ice.5.png"];

var imageIndex=0;

​

function changeImage(){

myImage.setAttribute("src",imageArray[imageIndex]);

imageIndex++;

if(imageIndex>=imageArray.length){

imageIndex=0;

}

}

setInterval(changeImage,1000);