如何用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元素

回答

相關問題