はTypeError：、私は私のミスです<a href="http://getfirebug.com/" rel="nofollow noreferrer">Firebug</a></p> <p>と、このエラーが出るのdocument.getElementById（...）は、JavaScriptの

Question

このコードは JSFiddleに取り組んでいる

にヌルであるが、それはまた私のスクリプトでは動作しませんか？

TypeError: document.getElementById(...) is null

document.getElementById("image").onclick = function() { 
    if (this.src == "https://i.stack.imgur.com/5FoXm.png?s=48&g=1") { 
    this.src = "https://i.stack.imgur.com/EoD62.jpg?s=32&g=1"; 
    } else { 
    this.src = "https://i.stack.imgur.com/5FoXm.png?s=48&g=1"; 
    } 
}; 

Answer 1

あなたのコード内で二回行document.getElementById("image3").onclick = function() {を追加した2回目は名前がimag3eの代わりに、DOMに存在しないimage3であり、それはあなたがエラーを取得している理由である可能性があります。不要な行を削除し、次のコードを試してください。

document.getElementById("image").onclick = function() { 
    if (this.src == "https://i.stack.imgur.com/5FoXm.png?s=48&g=1") { 
    this.src = "https://i.stack.imgur.com/EoD62.jpg?s=32&g=1"; 
    } else { 
    this.src = "https://i.stack.imgur.com/5FoXm.png?s=48&g=1"; 
    } 
}; 

Answer 2

</body> DOMの前に追加して作業しています。 @Bartosz Gościński - 私は彼のアイデアで問題を解決しました