javascript如何获得div去掉滚动条部分的高和宽

<DIV ID=oDiv STYLE="overflow:scroll; width:200; height:100"> </DIV>

<BUTTON onclick="alert(oDivclientHeight)">client height</BUTTON>

<BUTTON onclick="alert(oDivoffsetHeight)">offset heightY</BUTTON>

这段代码你应该看得懂，这里你要搞清楚四个属性：

clientHeight：获取对象的高度，不计算任何边距、边框、滚动条或可能应用到该对象的补白。

clientWidth：获取对象的宽度，不计算任何边距、边框、滚动条或可能应用到该对象的补白。

offsetHeight：获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度。

offsetWidth：获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的宽度。

详细的属性请参阅Dhtml手册

对于没有设置宽度的元素、亦或CSS样式非内嵌式的，js原生写法可以通过offsetWidht来获取宽度

即：documentgetElementById("#id")offsetWidth;

ps:对于设置了CSS样式的元素（内联、内嵌、外联）offsetWidth 也都可以获得值

所以，jquery的width()与js的offsetWidth都可以获取元素的宽度，但有个区别：

width()的值单纯是内容区域的宽度、不包括内外补丁和border。ie6+和chrome相同。

offsetWidth ：包括了内补丁和border，不包括外补丁。ie6+和chrome相同

<style>

#div_001{

Width:1000px; min-Height:300px; Background:#bdb1bf;

}

</style>

<div id="div_001" ></div>

<script>

var o = documentgetElementById('div_001');

documentwrite(ooffsetWidth);

</script>

alert或者documentwrite都是正确的

没有你说的情况出现

<style type="text/css">

#div1{width:100px;height:100px;}

<style>

<div id="div1">1212</div>

<div id="div2">3434</div>

<script>

function getStyle(obj,attribute){//获取样式

return objcurrentStyleobjcurrentStyle[attribute]/ie/:documentdefaultViewgetComputedStyle(obj,null)[attribute]/ie9 火狐 谷歌/;

}

var div1 = documentgetElementById("div1");

var div2 = documentgetElementById("div2");

var wid = getStyle(div1,"width")

div2onmouseover = function(){//鼠标移到div2时设置宽度

thisstylewidth = wid;

};

</script>

<script language="javascript">

documentgetElementById("nav")offsetWidth

</script>

以上就是关于javascript如何获得div去掉滚动条部分的高和宽全部的内容，包括:javascript如何获得div去掉滚动条部分的高和宽、js中如何取得一个div的width注意此css的width是在<style></style>中设置的。、js offsetwidth获取DIV宽度无效等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！