700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > 原生js获取元素宽高

原生js获取元素宽高

时间:2023-07-12 07:24:00

相关推荐

原生js获取元素宽高

<div id="aa" style="width:100px;height:100px;border:1px solid #333;"></div>

var aa = document.getElementById("aa");aa.offsetWidth==102; //为元素的实际宽度,包括边线及内边距的宽aa.offsetHeight==102 //为元素的实际高度,包括边线及内边距的高aa.scrollWidth==100 //为实际内容的宽度,不包括滚动条和边框行元素该值为0aa.scrollHeight==100 //为实际内容的高度不包括滚动条和边框,行元素该值为0aa.clientWidth ==100 //可见区域的宽度,不包括滚动条和边框aa.clientHeight == 100 //可见区域的高度,不包括滚动条和边框var scrollTop=window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop;//滚动条据文档顶部高度var scrollLeft=window.pageXOffset||document.documentElement.scrollLeft||document.body.scrollLeft;//横向滚动条滚动距离window.screen.height// 屏幕分辨率的高window.screen.width // 屏幕分辨率的宽var availHeight=window.screen.availHeight //屏幕可用工作区域高度var availWidth=window.screen.availWidth //屏幕可用工作区域宽度var borderTop = aa.clientTop==1//获取对象的上边框宽度var borderLeft = aa.clientLeft==1 //获取对象的左边框宽度

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。