SOURCE

let w = document.querySelector('.w')
        console.log(w.offsetWidth, w.offsetHeight);
        // 返回的数值时包含了内容宽度(高度) + padding + border
        // 跟margin是无关的

<div class="w"></div>

.w{
    width: 300px;
    height: 300px;
    background-color: gray;
    margin: 10px;
    border: 10px solid rgb(22, 22, 22);
    padding: 10px;
}