Question

这是一个真正的初学者，有一个非常基本的问题，但是在使用带有HTML图像的“onclick（）”构建时，我根本无法使用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>

Answer 1

更改

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

要

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

Answer 2

你用大写字母D

拼错了getElementById

＆＃13;

<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>

＆＃13;

Answer 3

是的，就像克莱德说的那样，你在 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>

无法获取javascript来更改img source

3 个答案: