使用javascript，我想更改图像的大小，尤其是div标记

在HTML文档中，很少有ID为DIV1、DIV2的div标记

---

在DIV1中有两个图像。在DIV2中只有一个图像。我想使用javascript将DIV1中的图像大小更改为100px。如何指定特定div标记中的图像？

假设这些图像是

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

var div1Images document.getElementById（'div1'）.getElementsByTagName（'img'）；
对于（变量i=0，len=div1图像；i

---

我只设置一个维度（

宽度

）的原因是，这样图像的

高度将自动调整，以适应并保持自然纵横比。
假设这些是
id
s：

#div1 img {
    width: 100px;
]

document.querySelectorAll('.div1 img')

或者，如果您愿意（出于某种原因，尽管您应该使用CSS），您可以使用JavaScript：

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

var div1Images document.getElementById（'div1'）.getElementsByTagName（'img'）；
对于（变量i=0，len=div1图像；i

我只设置一个维度（
宽度
）的原因是，这样图像的
高度将自动调整，以适应并保持自然纵横比

document.querySelectorAll('.div1 img')

这将为您提供
中所有
img
元素的
NodeList
对象（显然会根据需要进行更改）。您可以像普通数组一样对其进行迭代，并根据需要更新元素宽度。。甚至100像素

这将为您提供
中所有
img
元素的
NodeList
对象（显然会根据需要进行更改）。您可以像普通数组一样对其进行迭代，并根据需要更新元素宽度。。甚至100像素
 如果您想使用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');
});

下面是一个JFIDLE示例：

但是，我同意David Thomas的观点，除非你有真正的理由使用javascript，否则你可能应该使用css。如果你想使用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');
});

下面是一个JFIDLE示例：

不过，我同意David Thomas的观点，除非你有真正的理由使用javascript，否则你可能应该使用css！我也提供了一个JavaScript解决方案，但CSS完全可以实现这个目标。@Kevin:谢谢！我也提供了一个JavaScript解决方案，但是CSS能够实现这个目标。否决票，除了我建议jQuery优于普通js之外的任何原因？否决票，除了我建议jQuery优于普通js之外的任何原因？