使用JS测量图像高度并在CSS中使用

Question

我想根据已缩放以适合观看屏幕的图像宽度来设置div的宽度。

现在，我不是白金级程序员，但从我收集的内容来看，可以使用JavaScript来测量图像的宽度，然后将结果输出到CSS。但是我不知道如何做到这一点，找不到任何体面的教程。如果有人能指出我的教程或其他好方法来实现我的目标，那将是可爱的。

非常感谢。

Answer 1

使用jQuery很容易做到......

$('div').css( 'width', $('img').width() + 'px' );

请参阅.width()

这是demo。

Answer 2

在JS（没有jQuery）中，您可以使用style.width和offsetWidth。例如：

var w = document.getElementById('img_id').offsetWidth;
document.getElementById('div_id').style.width = w + 'px';​​​​​​​​​​​​​​​​​​

其中'img_id'是id的{​​{1}}，而img是'div_id'的{​​{1}}。

JSFiddle here。