Question

目标：点击红色方块时，蓝色方块应变为红色。

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

HTML

user_flags = {'is_registered':True,'has_paid':False,'has_phone':True}

if (user_flags['is_registered'] and user_flags['has_paid'] and user_flags['has_phone']):
    do_something

使用Javascript：

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

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。

Answer 2

这应该有用。

HTML

<img id="myImage" src="http://placehold.it/150">
<img id="new" src="http://placehold.it/200">

JS

$(function(){
  $("#myImage").click(function() {
    $("#new").attr("src","http://placehold.it/150")
  });
});

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

2 个答案: