imgソースを変更するためのjavascriptを取得できません

-1

本当の初心者ですが、HTMLイメージで "onclick（）"でビルドを使用すると、JavaScriptを使って画像を変更することはできません。imgソースを変更するためのjavascriptを取得できません

私はこれについて多くの質問を見て、それを変更するさまざまなアプローチを試みましたが、それを動作させることはできません。

私は、完全なパスとオンラインイメージアドレスを提供する、異なるsrcを試しました。変数を渡そうとしました。単にそれを働かせることはできません。

<head> 
 
    <meta charset="utf-8"> 
 
    <title> Javascript - changing images </title> 
 

 
    <script type="text/javascript"> 
 

 
     function change() { 
 
     var image = document.getElementByID("fpimage"); 
 
     image.src = "logo2.png" 
 
     
 
     } 
 

 
    </script> 
 
</head> 
 

 
    <body> 
 
     <img src="logo.png" alt = "bla" id = "fpimage" onclick="change();""> 
 
    </body> 
 
    
 
</html>

出典

2016-10-24 Mathias

変更

var image = document.getElementByID("fpimage");

var image = document.getElementById("fpimage");

出典

2016-10-24 08:55:26

これはちょうど 'typo'の場合、回答する代わりに質問を閉じるべきです。 – Rayon

これを信じられません...ありがとう！ – Mathias

-1

あなたはcapitでgetElementByIdをスペルミスアルD

<head> 
 
    <meta charset="utf-8"> 
 
    <title> Javascript - changing images </title> 
 

 
    <script type="text/javascript"> 
 

 
     function change() { 
 
     var image = document.getElementById("fpimage"); 
 
     image.src = "logo2.png" 
 
     
 
     } 
 

 
    </script> 
 
</head> 
 

 
    <body> 
 
     <img src="http://i.imgur.com/cJjyJaG.jpg" alt = "bla" id = "fpimage" onclick="change();""> 
 
    </body> 
 
    
 
</html>

出典

2016-10-24 08:56:37 nikjohn

-1

うん、クライドが言ったように、あなたはgetElementByIdを（）機能上のミスを犯し、のJsは大文字と小文字を区別であることを覚えておいてください。）

<head> 
 
    <meta charset="utf-8"> 
 
    <title> Javascript - changing images </title> 
 

 
    <script type="text/javascript"> 
 

 
     function change() { 
 
     var image = document.getElementById("fpimage"); 
 
     image.src = "http://www.dinosoria.com/mammifere/paresseux-206.jpg" 
 
     
 
     } 
 

 
    </script> 
 
</head> 
 

 
    <body> 
 
     <img src="http://s.minutebuzz.com/i/2014/05/sloths-L.jpg.jpg" alt = "bla" id = "fpimage" onclick="change();""> 
 
    </body> 
 
    
 
</html>

出典

2016-10-24 08:59:48

imgソースを変更するためのjavascriptを取得できません

答えて

関連する問題