client 系列
client 事件属性返回当事件被触发时鼠标指针相对于浏览器页面(或客户区)的坐标。 客户区指的是当前窗口。
clientWidth
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width='device-width', initial-scale=1.0"> <title>client系列</title> <style> div{ width: 200px; height: 200px; background-color: lightblue; } </style> </head> <body> <div></div> <script> //client 宽度 和 offsetWith的区别是 client不包含边框 var div = document.querySelector('div') console.log(div.clientWidth); //输出200 </script> </body> </html>