使用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標記的圖像的大小

回答

相關問題