84669 orang belajar
152542 orang belajar
20005 orang belajar
5487 orang belajar
7821 orang belajar
359900 orang belajar
3350 orang belajar
180660 orang belajar
48569 orang belajar
18603 orang belajar
40936 orang belajar
1549 orang belajar
1183 orang belajar
32909 orang belajar
通常我们使用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
HTML
#test
元素的实际宽度是:210px用如下代码获取:
不包含
border
的宽度