前端三大家族之client

本文将介绍 client 四个属性——
首先是用于获取到可视窗口的大小的两个属性：

• clientHeight：
  可以获取到元素可视窗口的高度，计算方式为 padding + height ，最终获取到的数值不带单位，不会获取到元素的 border 和 margin。
• clientWidth：
  可以获取到元素可视窗口的宽度，具体的使用方式和上面的一样。*注意：这两个属性获取到的是最直观的值，如果元素的内容超出去出现了滚动条，不会影响获取到的数据。

---

然后是用于获取到元素上边框和左边框的两个属性：

• clientTop ：
  可以获取到元素的上边框的高度，获取到的数据不带单位。
• clientLeft ：
  可以获取到元素的左边框的高度，获取到的数据同样不带单位。

---

示例如下：

欢迎交流！