client系列屬性 · JavaScript

ThinkChat2.0新版上線，更智能更精彩，支持會話、畫圖、視頻、閱讀、搜索等，送10W Token，即刻開啟你的AI之旅 廣告

## client 和大小位置相關的屬性. offset獲取的是包括邊框和padding的. ![](https://box.kancloud.cn/065f14a486c0a7f296964a76f052f9f7_510x448.png) ``` <style> body { margin: 0; } #box { width: 100px; height: 100px; margin: 50px; background-color: pink; border: 10px solid yellow; padding: 10px; } </style> </head> <body> <div id="box"></div> <script> var box = document.getElementById('box'); //clientLeft是border-lift的寬度(邊框寬度) console.log(box.clientLeft); //clientLeft是border-top的寬度 console.log(box.clientTop); //獲取大小(元素寬度+padding,不包括邊框) console.log(box.clientWidth); console.log(box.clientHeight); </script> ``` ![](https://box.kancloud.cn/3013e578a532cc29a33f57ccde64f33a_857x491.png)

哎呀哎呀视频在线观看