在脚本中更改图像的大小？答案

【问题标题】：Changing the size of an image within the script?在脚本中更改图像的大小？
【发布时间】：2021-06-23 07:44:30
【问题描述】：

所以我正在尝试做一个有效的 onclick 图片更改，但我希望第二张图片比第一张大，这可能吗？

这里是 JavaScript 代码（这是我第一次尝试在基本的东西之外使用 HTML）

function changeImage() {

        if (document.getElementById("imgClickAndChange").src == "https://cdn.glitch.com/2191cc92-26e9-4b6e-9beb-428fb7eb3976%2FPicsArt_03-26-03.26.33.png?v=1616763476562") 
        {
            document.getElementById("imgClickAndChange").src = "https://cdn.glitch.com/2191cc92-26e9-4b6e-9beb-428fb7eb3976%2FPicsArt_03-26-03.12.37.png?v=1616764012012";
        }
        else 
        {
            document.getElementById("imgClickAndChange").src = "https://cdn.glitch.com/2191cc92-26e9-4b6e-9beb-428fb7eb3976%2FPicsArt_03-26-03.26.33.png?v=1616763476562";
        }
    }

我希望能够更改第二张图片的大小。

【问题讨论】：

你想改变图片的宽度/高度还是使用完全不同的图片（不同的链接）？
设置元素的宽高
这能回答你的问题吗？ Change image size with JavaScript

标签： javascript html onclick

【解决方案1】：

我不确定你是不是这个意思，但你可以使用以下方法更改图像的大小：

myelement.style.height = size + "px";
myelement.style.width = size + "px";

size 变量基本上是以像素为单位的图像大小。

【讨论】：