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

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/

但是，如果你希望它真正成为相同的值，我相信你的方法就足够了。