如何用javascript更改css img元素

我想用javascript更改CSS，这样我就可以动态调整网页上单个图像的高度。这样做是为了使图像很好地适合可视屏幕，而不管屏幕大小如何。如何用javascript更改css img元素

我的CSS

.wrapper img { 
height: 630px; 
}

我的事业部

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

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

谢谢。

来源

2013-03-04 Andy Bajka

为什么不设置高度的百分比，如果我们的目标是其autoAdjust基于视口高度等：

.wrapper img { 
    height: 100%; 
}

总之：

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

来源

2013-03-04 03:18:43 adeneo

我使用视试过了，但它并没有调整图像就像一个普通的HTML IMG SRC。我使用JavaScript来循环浏览一系列图像。这里是我使用的JavaScript代码：images [current] = document.createElement（“img”）; – 2013-03-04 04:25:50

试试这个：

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

（这只会改变它对于那一个元素）。

来源

2013-03-04 03:19:53 Orteil

我很抱歉让你烦恼。事实证明，我正在数组中使用JavaScript创建图像元素。我已经排序了。感谢您的帮助。 – 2013-03-04 04:22:03

使用jQuery，你可以只是把你想要的方法中：

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

来源

2013-03-04 03:20:49

谢谢你的时间。我发现了这个问题，请参阅上面的评论。 – 2013-03-04 04:26:22

如何用javascript更改css img元素

回答

相关问题