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手册

$(function(){

//在此处是页面刷新就会执行

//可以将下面的代码放入一个事件中

//获取div的宽度

var newwidth= $("#div1")attr("width");

//将宽度值赋给另一个div

$("#div2")attr("widht",newwidth);

})

一、途径：

第一种情况就是宽高都写在样式表里，就比如#div1{width:120px;}。这中情况通过#div1stylewidth拿不到宽度，而通过#div1offsetWidth才可以获取到宽度。

第二种情况就是宽和高是写在行内中，比如style="width:120px;"，这中情况通过上述2个方法都能拿到宽度。

二、小结：

因为idoffsetWidth和idoffsetHeight无视样式写在样式表还是行内，所以我们获取元素宽和高的时候最好用这2个属性。注意如果不是写在行内style中的属性都不能通过idstyleatrr来获取。

三、代码：

var o = documentgetElementById("view");

var h = ooffsetHeight; //高度

var w = ooffsetWidth; //宽度

参考资料

js获取Html元素的实际宽度高度的方法脚本之家[引用时间2017-12-29]

获取样式中border-left的宽度：

var obj = documentgetElementById('div1')

现代浏览器，以下三种方式都可以：

objstyle['border-left-width']

objstyle['borderLeftWidth']

objstyleborderLeftWidth

如果是IE浏览器，则将style换成currentStyle:

objcurrentStyle['border-left-width']

objcurrentStyle['borderLeftWidth']

objcurrentStyleborderLeftWidth

同理，获取border-right宽度，只需要将left换成right就可以了。

还需要注意，在IE浏览器中，综合属性border/borderLeft返回的值为'' 或者undefined。我们需要写出具体的属性名称来，比如borderLeftWidth，才能获取到正确的值。

javascript获取元素的高度：

var obj = documentgetElementById("test");

alert(objheight + "\n" + objwidth);

// 200px 200px typeof=string只是将style属性中的值显示出来

扩展：

获取元素的实际大小

clientWidth和clientHeight

这组属性可以获取元素可视区的大小，可以得到元素内容及内边距所占据的空间大小。返回了元素大小，但没有单位，默认单位是px，如果你强行设置了单位，比如100em之类，它还是会返回px的大小。(CSS获取的话，是照着你设置的样式获取)。对于元素的实际大小，clientWidth和clientHeight理解方式如下：

a 增加边框，无变化；

b 增加外边距，无变化；

c 增加滚动条，最终值等于原本大小减去滚动条的大小；

d 增加内边距，最终值等于原本大小加上内边距的大小；

以上就是关于javascript如何获得div去掉滚动条部分的高和宽全部的内容，包括:javascript如何获得div去掉滚动条部分的高和宽、js 获取DIV宽 并赋值给另一个DIV、jQuery获取HTML元素“div”的宽度：$("div").width()等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！