Javascript 将一个元素宽度设置为另一个元素宽度

我想将div宽度设置为图像宽度。以下是我能想到的：

<script type="text/javascript">
window.onload = function ()
{
document.getElementById('foo').style.width = document.getElementById('bar').width + 'px';
}
</script>
<div id="foo" style="background:red;"><img id="bar" src="image.jpg"></div>

window.onload=函数（）
{
document.getElementById（'foo'）.style.width=document.getElementById（'bar'）.width+'px'；
}

它似乎在工作，但我不确定它的编码是否正确

提前感谢您检查代码或您建议的任何改进

---

Rain lover

您不必为div指定宽度。您可以为父div指定浮点值

---

但是，如果您希望它确实是相同的值，我相信您的方法就足够了。

您不必为div指定宽度。您可以给父div一个浮点值

---

但如果你想让它真正具有相同的价值，我相信你的方法就足够了。

你的div是否会自动扩展以适应图像？div width值始终大于图像宽度，因为它是块元素。div是否会自动扩展以适应图像？div width值始终大于图像宽度，因为它是块元素。使用float是正确的方法--简单而且聪明！谢谢！：）使用float是正确的方法——简单而聪明！谢谢！：）