其他分享
首页 > 其他分享> > client系列

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>

 

标签:console,log,500px,边框,client,系列,div
来源: https://www.cnblogs.com/0722tian/p/16159635.html