使用javascript我想要更改特别是div标记的图像的大小

在HTML文档中，几个div标记带有ID DIV1，DIV2 在DIV1中有2个图像。在DIV2中只有一个图像。使用javascript我想将DIV1中的图像大小更改为100px。我怎样才能指定在特定的div标签中的图像？使用javascript我想要更改特别是div标记的图像的大小

来源

2013-02-15 C graphics

假设那些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'; 
}

我只设置一个尺寸（width）的原因是这样图像的height会自动调整以适合维持n理性纵横比。

来源

2013-02-15 22:46:27

哈哈！吻。尼斯。 – 2013-02-15 22:49:04

@凯文：谢谢！我也提供了JavaScript解决方案，但CSS完全可以实现这一目标。 – 2013-02-15 22:50:49

document.querySelectorAll('.div1 img')

这会给你所有<div class=div>`的img元素的NodeList对象（如需要明显改变）。你可以像遍历数组一样遍历它，并将元素宽度更新为任何你想要的。甚至100px！

来源

2013-02-15 22:46:32

如果你想使用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/

然而，我与大卫·托马斯认为，你应该使用CSS这一点，除非你有一个真正的理由使用JavaScript。

来源

2013-02-15 22:53:49 Jack

downvote，除了我在js上建议jQuery的任何理由吗？ – Jack 2013-02-15 23:15:37

使用javascript我想要更改特别是div标记的图像的大小

回答

相关问题