设置一个元素宽度等于另一个

Question

我想将 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>

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

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

雨情人

Answer 1

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

http://jsfiddle.net/46JTb/

但是，如果您希望它真正具有相同的值，我相信您的方法就足够了。