Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/438.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/tensorflow/5.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 if/else语句可以将放大的图像返回到其默认大小?_Javascript - Fatal编程技术网

什么Javascript if/else语句可以将放大的图像返回到其默认大小?

什么Javascript if/else语句可以将放大的图像返回到其默认大小?,javascript,Javascript,我不熟悉这个网站,也不熟悉一般的编码。我很难让一个图像缩小到它的“小”大小后,被放大了一个单一的点击 这是我的HTML元素: <img src="http://image.com/123.jpg" id="smart_thumbnail" class="small" 双引号是“放大”类 谢谢,如果这篇文章不符合本网站要求的格式,我深表歉意。我也到处寻找这个解决方案,但在我的一生中都找不到它。这可以通过以下方法完成: 这将从元素中删除small类(如果存在),否则将添加它。这可以使用以下方

我不熟悉这个网站,也不熟悉一般的编码。我很难让一个图像缩小到它的“小”大小后,被放大了一个单一的点击

这是我的HTML元素:

<img src="http://image.com/123.jpg"
id="smart_thumbnail"
class="small"
双引号是“放大”类


谢谢,如果这篇文章不符合本网站要求的格式,我深表歉意。我也到处寻找这个解决方案,但在我的一生中都找不到它。

这可以通过以下方法完成:


这将从元素中删除
small
类(如果存在),否则将添加它。

这可以使用以下方法完成:


这将从元素中删除
small
类(如果存在),否则将添加它。

我没有得到
放大部分,但您可能正在寻找切换类的方法。您可以使用
classList.toggle
,或者如果必须使用if/else,请使用classList.contains检查元素是否具有类,然后将其删除,反之亦然versa@QuentinVeron双引号是什么允许它“放大”,显然是通过删除“小”类点击图像。这只是我的猜测。删除该行代码将删除放大图像的功能。我没有得到
放大
部分,但您可能正在寻找切换类的方法。您可以使用
classList.toggle
,或者如果必须使用if/else,请使用classList.contains检查元素是否具有类,然后将其删除,反之亦然versa@QuentinVeron双引号是什么允许它“放大”,显然是通过删除“小”类点击图像。这只是我的猜测。删除该行代码将删除放大图像的功能。谢谢。另一个问题是,我应该在哪里添加这一行?一个新手问题,是的。另外,如果我的同事认为这是一种解决方法,是否有一个if/else等效项?只需将它放在事件侦听器中,而不是
thumbnailElement.className=“”。另外,if/else版本应该是
if(thumbnailElement.classList.contains(“small”){thumbnailElement.classList.remove(“small”);}else{thumbnailElement.classList.add(“small”);}
。谢谢。我的另一个问题是,我应该在哪里添加这一行?一个新手问题,是的。另外,如果我的同事认为这是一个解决办法,是否有一个if/else等价物?只需将它放在事件侦听器中,而不是
thumbnailElement.className=“”;
。另外,if/else版本应该是
if(thumbnailElement.classList.contains(“small”){thumbnailElement.classList.remove(“small”)}否则{thumbnailElement.classList.add(“small”);}
document.addEventListener("DOMContentLoaded", function(event) {
    var thumbnailElement = document.getElementById("smart_thumbnail");
    thumbnailElement.addEventListener("click", function() {
        thumbnailElement.className = "";

    });
});
thumbnailElement.classList.toggle("small");