使用Javascript更改HTML图像大小

因此，我试图创建一个选择菜单来更改图像的大小，但我不知道这段代码有什么问题，也不知道如何修复它

HTML:

---

看起来很好用。我所做的唯一改变是将

img

标签改为一个空标签（我还包括了一个狗图片的链接）

您可以直接更改元素的高度/宽度，但也可以更改样式属性的高度/宽度

如果有其他代码影响图像或下拉列表，则也需要查看它

//原始函数
函数大小（可选）{
如果（选项==“小”）{
document.getElementById（'dogpicture'）。高度=50；//字符串“50”也可以使用
document.getElementById（'dogpicture'）。宽度=50；
}
如果（选项==“默认值”）{
document.getElementById（'dogpicture'）。高度=100；
document.getElementById（'dogpicture'）。宽度=100；
}
如果（选项==“大”）{
document.getElementById（'dogpicture'）。高度=150；
document.getElementById（'dogpicture'）。宽度=150；
}
}
//更改样式属性属性的替代语法
函数dogsizestyle（选项）{
如果（选项==“小”）{
document.getElementById（'dogpicture'）.style.height=“50px”；
document.getElementById（'dogpicture'）.style.width=“50px”；
}
如果（选项==“默认值”）{
document.getElementById（'dogpicture'）.style.height=“100px”；
document.getElementById（'dogpicture'）.style.width=“100px”；
}
如果（选项==“大”）{
document.getElementById（'dogpicture'）.style.height=“150px”；
document.getElementById（'dogpicture'）.style.width=“150px”；
}
}

更改元素高度/宽度
小的
违约
大的


更改元素样式属性高度/宽度
小的
违约
大的

你怎么知道它错了？它们应该是数字。不是价值观。删除

“

。或者在末尾添加

px

，如果你想以字符串形式发送。@RadLexus，因为它根本不起作用。你可以在问题中提到这一点。不要使用确切的短语“它根本不起作用”–要明确，并说“什么都没有发生，没有错误，屏幕上没有变化”“。那么到底是什么改变了？@Jecoms我不知道为什么它不工作，所以，我有另一个功能，根据另一个选择改变图像本身，也许这就是导致问题的原因？可能是。”。您必须考虑与DOM/代码交互的所有位。如果将值设置为数字，

height/width

也可以工作，但是像“150px”这样的字符串在此代码段中不起作用。可能是特定于浏览器的js实现问题。

<img id="dogpicture" src="dog1.png" alt="dog" height="150" width="150"></img>

<select id="dogsize" name="sizeofdog" onchange="dogsize(this.value);">
    <option value="small"> small </option>
    <option value="default" selected> default </option>
    <option value="big"> big </option>
</select>

function dogsize(option){
    if (option == "small"){
        document.getElementById('dogpicture').height = "50";
        document.getElementById('dogpicture').width = "50";
    }
    if (option == "default"){
        document.getElementById('dogpicture').height = "100";
        document.getElementById('dogpicture').width = "100";
    }
    if (option == "big"){
        document.getElementById('dogpicture').height = "150";
        document.getElementById('dogpicture').width = "150";
    }
}