javascript - javascriptでCSSのimg要素を変更する方法

Question

Web ページ上の単一の画像の高さを動的に調整できるように、javascript を使用して CSS を変更したいと考えています。これは、画面サイズに関係なく、表示可能な画面に画像がうまく収まるようにするためです。

私のCSS

.wrapper img {
height: 630px;
}

私の部門

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

CSS の高さを 200px に変更するには、どの JavaScript コードを使用すればよいですか。

ありがとうございました。

score 0 · Accepted Answer

目標がビューポートの高さなどに基づいて自動調整することである場合、高さをパーセンテージで設定しないのはなぜですか:

.wrapper img {
    height: 100%;
}

ともかく：

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

score 0 · Accepted Answer

これを試して：

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

(これは、その 1 つの要素に対してのみ変更されます。)

score 0 · Accepted Answer

JQuery を使用すると、必要なメソッド内に配置できます。

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

3 に答える 3