怎样一个DIV的宽度？

Question

如：
<div style='width:1px;'>文字<img src='1.jpg'></div>DIV的实际宽度，会由于文字和图片的存在而自动扩大，请问怎么取得实际大小呢？

Answer 1

<script>
function aa(id){
  alert(document.getElementById(id).offsetWidth)
}
</script>
<div id=badboy style='width:1px;' onclick="aa(this.id)">文字 <img src='1.jpg'> </div> 

Answer 2

实际大小就是自动扩大后的大小，如果你要获取你设置的这个1px，你在style里面添加overflow:scroll;就不会自动扩大了

Answer 3

<div style='width:1px;'>文字 <img src='1.jpg' onload="alert(this.parentNode.offsetWidth)"> </div>

Answer 4

楼主先用以下代码测试一下：
<div style='width:1px;background:red;'>文字 <img src='1.jpg'></div> 
<script>
var dx = document.getElementsByTagName('div')[0];for(var d in dx){
    if(/width/i.test(d)){document.write(d+'='+dx[d]+'<br>');}
}
</script>
在Mozilla系和Opera系的浏览器下还木有发现合适的方法，看看其他人补充。

Answer 5

var width = document.getElementById("div_id").clientWidth;