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

Question

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

现在，我不是白金级程序员，但据我所知，这可能是使用 JavaScript 来测量图像的宽度，然后将结果输出到 CSS 来完成的。但是我不知道如何做到这一点，也找不到任何像样的教程。如果有人能给我指点教程或其他实现我的目标的好方法，那将是很好的。

非常感谢。

Answer 1

在 JS(非 jQuery)中，您可以使用 style.width 和 offsetWidth。例如:

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

其中'img_id'是img的id，'div_id'是 div 的 >id。

JSFiddle here .