如何使用 javascript 更改 css img 元素答案

【问题标题】：how to change css img element with javascript如何使用 javascript 更改 css img 元素
【发布时间】：2013-03-04 03:14:55
【问题描述】：

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

我的 CSS

.wrapper img {
height: 630px;
}

我的分区

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

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

谢谢。

【问题讨论】：

【解决方案1】：

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

.wrapper img {
    height: 100%;
}

无论如何：

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

【讨论】：

我尝试使用视口，但它并没有像普通的 html img src 那样调整图像大小。我使用 javascript 循环浏览一系列图像。这是我正在使用的 javascript 代码：images[current] = document.createElement("img");

【解决方案2】：

试试这个：

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

（这只会改变那个元素。）

【讨论】：

【解决方案3】：

使用 JQuery，你可以把你想要的方法放进去：

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

【讨论】：