javascript - 如何使用 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');