通常我们使用js通过offsetwidth来获取元素的宽度，但是这样会把元素的边框也计算在内，突然很像知道，怎样优雅的获取box内部的宽度，不包括box的边框，我想到的办法是获取offsetwidth再减去border,但是感觉一点也不优雅
认证高级PHP讲师
HTML
<p id="test" style="width: 200px; height: 200px; border: 5px solid red;">test</p>
#test元素的实际宽度是：210px
#test
用如下代码获取：
document.querySelector('#test').clientWidth //200px
不包含border的宽度
border
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
HTML
#test元素的实际宽度是：210px用如下代码获取：
不包含
border的宽度