Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/411.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在同一按钮中添加不同的图像_Javascript_Html_Image_Button - Fatal编程技术网

Javascript 在同一按钮中添加不同的图像

Javascript 在同一按钮中添加不同的图像,javascript,html,image,button,Javascript,Html,Image,Button,我有一个圆形按钮,我想在其中添加一个图像,并在单击同一按钮时将该图像更改为另一个图像 首先让按钮中看到的图像br“a.svg”,单击按钮后看到的图像为“b.svg”。 这是我的小代码: 我想我们应该做一些javascript,我需要你的帮助,我不需要jquery来完成这项工作。你可以在jquery中使用一个简单的标志来确定要显示的图像 下面的代码段显示了此操作: var-img=0; $('.showhide')。单击(函数(e){ setImage(); }); 函数setImage()

我有一个圆形按钮,我想在其中添加一个图像,并在单击同一按钮时将该图像更改为另一个图像

首先让按钮中看到的图像br“a.svg”,单击按钮后看到的图像为“b.svg”。 这是我的小代码:



我想我们应该做一些javascript,我需要你的帮助,我不需要jquery来完成这项工作。

你可以在jquery中使用一个简单的标志来确定要显示的图像

下面的代码段显示了此操作:

var-img=0;
$('.showhide')。单击(函数(e){
setImage();
});
函数setImage(){
var src='1〕https://via.placeholder.com/150';
如果(img++==1){
img=0;
src='1〕https://via.placeholder.com/200';
}
$('.showhide>img').attr('src',src);
}
setImage()


你检查过这个吗?我想要javascript而不是jQuery@Martin@Aarzu我已经为您添加了一个纯JS实现,抱歉,但现在我只想将其作为图像而不是按钮,请原谅:);“```”和js``var image=document.getElementById(“imageOne”);函数changeColor(){if(image.getAttribute('src')==“eye solid.svg”){image.src=“key.png”}或者{image.src=“eye solid.svg”}}``请帮助我@Martin@Aarzu我认为这是一个不同的问题;我已经回答了你已经问过的问题。请添加一个新的,我会尽力帮助您