2017-05-24 6 views
0

JavaScriptとプログラミングを学ぶのが初めてです。学習用のウェブサイトからこのスニペットをコピーしました。余分な時間を私はページをロードする私は、デバッガでmyImageがnullであるエラーを取得?誰かが理由を説明するのを助けることができるか変数myImageがデバッガにNullとして表示されるのはなぜですか?

ありがとうございます!

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

var imageArray = ["_images/heretic.jpg","_images/prudential.jpg","_images/woofs_logo.jpg" 
       ]; 
var imageIndex = 0; 

function changeImage() { 
    myImage.setAttribute("src",imageArray[imageIndex]); 
    imageIndex++; 
    if (imageIndex >= imageArray.length) { 
     imageIndex = 0; 
    } 
} 

// setInterval is also in milliseconds 
setInterval(changeImage,5000); 
+1

HTMLの外観はどうですか? –

+0

トピックではありませんが、便利なテクニック: 'imageIndex =(imageIndex + 1)%imageArray.length;'は、 'if'を伴わずにインクリメント付きで行います。 –

+0

私はmainImageとしてHTMLにIDを持っています –

答えて

-1

多分あなたはid = "mainImage"の要素を持っていませんか?

関連する問題