js元素offset与client

js

文章目录

• 前言
• 一、元素偏移量offset系列
•   1.offset概述
• 二、元素可视区clent系列

---

前言

提示：这里可以添加本文要记录的大概内容：

例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。

---

提示：以下是本篇文章正文内容，下面案例可供参考

一、元素偏移量offset系列

offset翻译过来是偏移量，可以使用offset系列相关属性可以动态的得到该元素的位置（偏移）、大小等。

1.1使用属性

 

1. 获得元素距离带有定位父元素的位置
2. 获得元素自身的大小（宽度高度）

注意：返回的数值都不带单位

offset与style的区别

 

二、元素可视区clent系列

Client 客户端，通过clent获取相关属性可以动态的得到该元素的边框大小、元素大小等。

Clent和offset的区别是 clent不包含边框 但包含padding。

属性：