javascript - 使用点击事件如何更改图像？

Question

目标:单击红色方 block 时，蓝色方 block 应变为红色。

我正在尝试弄清楚如何在用户单击某些内容时制作图像的副本。当用户单击图像时，我需要在其他地方生成相同的图像。目前这是我的代码，无法实现我的目标。 (也可以使用 Jquery)

HTML

<a href="#" onClick="changeImage()"> <img id="myImage" src="Images/red.jpg"></a>
<img id="new" src="Images/blue.png">

Javascript:

function changeImage(){
    if(document.getElementById('myImage').src == "Images/red.jpg"){
     document.getElementById('new').src == 'Images/red.jpg';
    }
}

Answer 1

请更正您的代码:

function changeImage() {
  var imgSrc = 'http://placehold.it/150';

  if (document.getElementById('myImage').src === imgSrc) {
    document.getElementById('new').src = imgSrc;
  }
}

<a href="#" onClick="changeImage()">
  <img id="myImage" src="http://placehold.it/150"></a>
<img id="new" src="http://placehold.it/200">

使用一个“=”来设置图片的src。