client翻译过来就是客户端，我们使用client系列的相关属性来获取元素可视区的相关信息。
通过client系列的相关属性可以动态的得到该元素的边框大小、元素大小等。
<style>
div {
width: 500px;
height: 500px;
background-color: aquamarine;
border: 5px solid red;
}
</style>
<body>
<div></div>
<script>
// client和offset 最大的区别就是client不包含边框
var div = document.querySelector("div");
console.log(div.clientWidth);
console.log(div.clientHeight);
</script>
</body>
原创文章，作者：Maggie-Hunter，如若转载，请注明出处：https://blog.ytso.com/tech/pnotes/245669.html