js_其他操作样式的方法

clientHeight：获取元素可见宽度

clientWidth：获取元素可见高度、

不带px 返回数值 可以直接计算----会带上内边距

——————————————————只读的不可修改

宽度：内容区域+内边距 

不带边框

 

 offsetWidth：获取元素整个宽度

 offsetHeight：获取元素整个高度-内边距+内容区+内边距

 

box1. offsetParent：获取当前元素的定位父元素--会获取当前元素最近开启了定位的祖先元素：

position:的除了static

box1.offsetLeft:——当前元素相对于其定位父元素的水平偏移量

box1.offsetTop——当前元素相对于其定位父元素的垂直偏移量

scrollHeight--- alert(box1.scrollHeight);——     alert(box1.scrollHeight);“-获取整个滚动区域的高度

scrollWidth——滚动区域的宽度---元素整个高度和宽度

 此时可见区域的高度=100clientHeight

. scrollLeft===获取水平滚动条滚动距离

scrollTop==获取垂直滚动条滚动距离(隐藏的区域-显示的区域=可以滚动的总长)

clientHeight=box1.scrollHeight（整个滚动区域的高度-全部）-box1.scrollTop（隐藏区域的高度）=可显示的高度---说明垂直滚动条滚到到底

clientWidth=box1.scrollWidth（整个滚动区域的高度-全部）-box1.scrollLeft（隐藏区域的高度）=可显示的高度---说明垂直滚动条滚到到底