33. 可视区域 client

client相关属性一般用户获取元素大小与位置

client有下面几种常用的方法

与其他大小属性的区别如下

 

目录

1 获取边框

2  获取不含边框的宽高

---

1 获取边框

我现在有一个盒子，对其设置边框

然后我获取上边框与左边框

通过client获取不了下边框与右边框

2  获取不含边框的宽高

我们对盒子设置padding,margin与宽高

我们获取一下

首先明确一点 clientWidth与clientHeight没有关系

我们首先看clientWidth的结果 260 = 200（本身宽度） + 25（左内边距） + 35（右内边距）

再看clientHeight的结果 360 = 300（本身宽度）+ 15（上内边距）+ 45（下内边距）