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 @   罗砂  阅读(72)  评论(0)  编辑  收藏  举报
相关博文：
· 三大系列总结
· scroll系列
· PC端网页特效-元素可视区 client 系列
· 元素可视区 client 系列
· offset、client、scroll系列属性
阅读排行：
· 阿里最新开源QwQ-32B，效果媲美deepseek-r1满血版，部署成本又又又降低了！
· 开源Multi-agent AI智能体框架aevatar.ai，欢迎大家贡献代码
· Manus重磅发布：全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后，我竟然真的恢复了删除的微信聊天记录！
· AI技术革命，工作效率10个最佳AI工具
点击右上角即可分享
微信分享提示
AI IDE Trae