AI 助理
备案控制台
开发者社区 云计算 文章 正文

clientWidth与clientHeight，offsetWidth与offsetHeight

2021-11-14 136
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： clientWidth与clientHeight，offsetWidth与offsetHeight

clientWidth与clientHeight

返回值

返回的是元素的content + padding的部分

image.png

offsetWidth与offsetHeight

返回值

包括content + padding + border

答案命运
目录
相关文章
讓丄帝愛伱
|
9月前
|
JavaScript 前端开发
height、clientHeight、scrollHeight、offsetHeight区别
height、clientHeight、scrollHeight、offsetHeight区别
讓丄帝愛伱
53 0
height、clientHeight、scrollHeight、offsetHeight区别
2分钟速写快排
|
JavaScript IDE 开发工具
JS 中 offsetHeight/scrollHeight/clientHeight 的区别
client* clientWidth/clientHeight 返回的是元素的内部宽度，它的值只包含 content + padding，如果有滚动条，不包含滚动条 clientTop 返回的是上边
2分钟速写快排
172 1
hahacai
scrollTop详测
scrollTop详测
hahacai
118 0
小猪课堂
|
前端开发
你知道offsetHeight、scrollHeight、clientHeight的区别吗？
前言 offsetHeight、scrollHeight、clientHeight这三个属性我们经常在开发中遇到，如果小伙伴们没有经常使用的话，很容易把这些属性搞混，比如说什么窗口高度、元素高度、内容高度等等。当然，现在的前端框架很多时候帮我们封装了这些属性，但是我们也不能太过依赖框架，底层的原理我们还是需要了解的，今天就来理一理这三个属性分别代表什么？
小猪课堂
172 0
你知道offsetHeight、scrollHeight、clientHeight的区别吗？
游客ksbqbsfjgo6v6
|
JavaScript 前端开发
你记住JS中offsetWidth、clientWidth、width、scrollWidth、clientX、screenX、offsetX、pageX吗？
你记住JS中offsetWidth、clientWidth、width、scrollWidth、clientX、screenX、offsetX、pageX吗？
游客ksbqbsfjgo6v6
179 0
后端老鸟
|
容器 数据采集 算法
关于offsetX、layerX、clientX、screenX以及pageX
事件(event)的位置区别
后端老鸟
277 0
儒清
一张图说明width、clientWidth、offsetWidth、scrollWidth对比
儒清
1414 0
木头先生
|
API 编解码
clientHeight、offsetHeight、scrollHeight详解
  网页可见区域宽： document.body.clientWidth; 网页可见区域高： document.body.clientHeight; 网页可见区域宽： document.body.offsetWidth   (包括边线的宽); 网页可见区域高： document.
木头先生
1457 0
嗯哼9925
scrollLeft,scrollWidth,clientWidth,offsetWidth之完全详解
嗯哼9925
1427 0
技术小牛人
|
Web App开发 容器 前端开发
offsetTop、offsetLeft、offsetWidth、offsetHeight、style中的样式
技术小牛人
1235 0