Как изменить элемент css img с javascript

Question

Я хотел бы изменить CSS с помощью javascript, чтобы я мог динамически настраивать высоту одного изображения на моей веб-странице. Это делается так, что изображение будет хорошо помещаться на экране просмотра независимо от размера экрана.

Мой CSS

.wrapper img { 
height: 630px; 
} 

Мои Div

<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');