jq获取元素的宽高(内边距和外边距)

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jq获取元素的宽高(内边距和外边距)相关的知识,希望对你有一定的参考价值。

参考技术A width()返回元素的宽度

height()返回元素的高度

innerWidth()返回元素的宽度(包括内边距)

innerHeight()返回元素的高度(包括内边距)

outerWidth()返回元素的宽度(包括内边距和边框)

outerHeight()返回元素的高度(包括内边距和边框)

outerWidth(true)返回元素的宽度(包括内边距、边框和外边距)

outerHeight(true)返回元素的高度(包括内边距、边框和外边距)

$(document).height()返回文档(html 文档)的高度

$(window).height()返回窗口(浏览器视口)的高度

vue获取dom元素的宽高

参考技术A 在mounted写 因为我是html标签可以不用加 el(如果是html标签就不用加)

offsetWidth //返回元素的宽度(包括元素宽度、内边距和边框,不包括外边距)

offsetHeight //返回元素的高度(包括元素高度、内边距和边框,不包括外边距)

clientWidth //返回元素的宽度(包括元素宽度、内边距,不包括边框和外边距)

clientHeight //返回元素的高度(包括元素高度、内边距,不包括边框和外边距)

style.width //返回元素的宽度(包括元素宽度,不包括内边距、边框和外边距)

style.height //返回元素的高度(包括元素高度,不包括内边距、边框和外边距)

scrollWidth //返回元素的宽度(包括元素宽度、内边距和溢出尺寸,不包括边框和外边距),无溢出的情况,与clientWidth相同

scrollHeigh //返回元素的高度(包括元素高度、内边距和溢出尺寸,不包括边框和外边距),无溢出的情况,与clientHeight相同

以上是关于jq获取元素的宽高(内边距和外边距)的主要内容,如果未能解决你的问题,请参考以下文章

下列()方法获取元素的宽度只包括元素的宽度、内边距和边框

jQuery获取元素宽高

HTML5+CSS——11盒子模型-边框、内边距、外边距

css内边距问题,关于使用padding后容器被撑开

【css】内边距padding的属性和使用方法

html所有关于内边距外边距的标签属性