JavaScript-222：client系列

效果图

结构

    <div></div>

CSS

        div {
    
    
            width: 200px;
            height: 200px;
            background-color: pink;
            border: 10px solid red;
            padding: 10px;
        }

js

        // client 宽度  和我们 offsetWidth 最大的区别就是 不包含边框
        var div = document.querySelector('div');
        console.log(div.clientWidth);