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

我想根据图像的宽度设置div的宽度，该图像已缩放以适应查看屏幕

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

---

非常感谢。

使用jQuery很容易做到这一点

$（'div'）.css（'width'，$（'img'）.width（）+'px'）

看

这是一个。
使用jQuery很容易做到这一点

$（'div'）.css（'width'，$（'img'）.width（）+'px'）

看

这里有一个.JS中的.p>（无jQuery），您可以使用
style.width
和
offsetWidth
。例如：

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

其中，
'img\u id'
是
img
的
id
，而
'div\u id'
是
div
的
id

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

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

其中，
'img\u id'
是
img
的
id
，而
'div\u id'
是
div
的
id

JSFiddle.
这真的很有帮助。非常感谢。我如何将其传递给css？这将应用内联样式：
。页面呈现后，您不能修改.css文件。这非常有用。非常感谢。我如何将其传递给css？这将应用内联样式：
。呈现页面后，无法修改.css文件。