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

Question

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

Answer 1

HTML

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

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

用如下代码获取：

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

不包含border的宽度