一个用js计算div宽度的问题

Question

<div id="test"><%=data %></div> 在以上div中"data"是变量,id 为"test"的div没有指定 [宽度] 也就是变量"data"的字符有多少div就会被撑多宽, 我想用javascript计算出div的宽度

Answer 1

div不做css约束的时候宽度默认等于其父容器的宽度的，不会随字的多少撑开

想做测试可以把div换成span

document.getElementById('test').offsetWidth 

就是宽度了

Answer 2

但是有些情况是随着内容变化而变大的,我试试 .offfsetWidth
我也忘了有没有试试这个属性了!

Answer 3

var divWidth=document.getElementById('test').width;//获取div宽度

Answer 4

这样不行, div 没有设置width的属性,用.width得到的会是:" undefined" 不信你可以自己试试!

Answer 5

用jquery就简单啦

var h = $("#test").height();

var w =$("#test").width();

如果想设置高度为200就更简单

$("#test").height(200);