Question

我是这个网站的新手，还是一般的编码人员。单击一次放大后，尝试将图像缩小到其“小”尺寸时会遇到麻烦。

这是我的HTML元素：

<img src="http://image.com/123.jpg"
id="smart_thumbnail"
class="small"

此ID和类不能更改，因为它是分配的。 “小”类自动将图像转换为缩略图。单击后它会放大，但是我无法通过再次单击使其返回“小”状态。必须使用if / else语句完成。

这是给定的Javascript模板：

document.addEventListener("DOMContentLoaded", function(event) {
    var thumbnailElement = document.getElementById("smart_thumbnail");
    thumbnailElement.addEventListener("click", function() {
        thumbnailElement.className = "";

    });
});

双引号是“扩大”类。

谢谢，对于本帖子不符合本网站要求的格式，我深表歉意。我也在各处搜索了此解决方案，但终生找不到。

Answer 1

这可以使用DOM classList attribute完成：

thumbnailElement.classList.toggle("small");

这会从元素中删除small类（如果存在），否则它将添加它。

哪种Java脚本if / else语句可以将放大的图像返回其默认大小？

1 个答案: