首页 > 原生javascript怎样获取box的width,不包括box的边框

原生javascript怎样获取box的width,不包括box的边框

通常我们使用js通过offsetwidth来获取元素的宽度,但是这样会把元素的边框也计算在内,突然很像知道,怎样优雅的获取box内部的宽度,不包括box的边框,我想到的办法是获取offsetwidth再减去border,但是感觉一点也不优雅


HTML

<div id="test" style="width: 200px; height: 200px; border: 5px solid red;">test</div>

#test元素的实际宽度是:210px

用如下代码获取:

document.querySelector('#test').clientWidth //200px

不包含border的宽度

【热门文章】
【热门文章】