如何使用javascript更改css img元素

Question

我想用javascript改变CSS，这样我就可以动态地调整我网页上单个图像的高度。这样做是为了无论屏幕尺寸如何，图像都能很好地适应可视屏幕。

我的CSS

.wrapper img {
height: 630px;
}

我的分区

<div class="wrapper" id="imageDiv"></div>

我应该使用什么javascript代码来将CSS高度更改为200px。

谢谢。

Answer 1

如果目标是根据视口高度等进行自动调整，为什么不直接以百分比设置高度：

.wrapper img {
    height: 100%;
}

不管怎么说：

document.getElementById('imageDiv').style.height = '200px';

Answer 2

试试这个：

document.getElementById("imageDiv").style.height="200px";

(这只会更改这一个元素的值。)

Answer 3

使用JQuery，您只需将其放入所需的方法中：

$('img.wrapper').css('height','200px');