client系列

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>

 

posted @ 2022-04-18 14:51  罗砂  阅读(82)  评论(0)    收藏  举报