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

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/

但如果你想让它真正成为同一个值，我相信你的方法就足够了。