0

HTML ドキュメントには、ID DIV1、DIV2 の div タグがほとんどありません。DIV1 には 2 つの画像があります。DIV2 には 1 つのイメージしかありません。JavaScript を使用して、DIV1 にある画像のサイズを 100px に変更したいと考えています。特定の div タグにある画像を指定するにはどうすればよいですか?

4

3 に答える 3

3

idそれらがsであると仮定します：

#div1 img {
    width: 100px;
]

または、必要に応じて (何らかの理由で、これには CSSを使用する必要があります)、JavaScript を使用できます。

var div1Images document.getElementById('div1').getElementsByTagName('img');
for (var i = 0, len = div1Images; i < len; i++){
     div1Images[i].style.width = '100px';
}

1 つの寸法 ( )のみを設定する理由widthは、このようにすると、画像heightが自然な縦横比を維持するように自動的に調整されるためです。

于 2013-02-15T22:46:27.873 に答える
0

jQuery を使用する場合は、次のように簡単にする必要があります。

$(document).ready(function () {  
 //select images and adjust height & width however you want, or use just width to scale proportionately  
   $('#div1 img').width('100px');
   $('#div1 img').height('100px');
});

jfiddle の例を次に示します: http://jsfiddle.net/t9pUL/4/

ただし、JavaScript を使用する本当の理由がない限り、これにはおそらく css を使用する必要があるという David Thomas に同意します。

于 2013-02-15T22:53:49.703 に答える
0 
document.querySelectorAll('.div1 img')

これにより、 >`内のすべての要素NodeListのオブジェクトが得られます (必要に応じて変更することは明らかです)。通常の配列のように繰り返し処理し、要素の幅を必要に応じて更新できます.. 100px まで!img<div class=div

于 2013-02-15T22:46:32.803 に答える