将一个元素的宽度设置为与另一个相等

Set one element width equal to another

本文关键字:设置 另一个 元素 一个      更新时间:2023-09-26

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

它似乎起作用了,但我不确定它的编码是否正确。

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

雨水爱好者

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

http://jsfiddle.net/46JTb/

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