获取元素尺寸

黄酱！

于 2021-12-08 00:17:47 发布

阅读量166

点赞数

CC 4.0 BY-SA版权

分类专栏： JS 文章标签： javascript 前端 vue.js

本文链接：https://blog.youkuaiyun.com/tianranran/article/details/121781881

JS 专栏收录该内容

91 篇文章

订阅专栏

 div{
            width: 100px;
            height: 100px;
            padding: 20px;
            border: 5px solid blue;
        }
    </style>
</head>
<body>
    <div></div>

    <script>
        function testSize(){
            //获取内容宽高
            var divEle = document.querySelector('div')

            console.log('内容宽 :', window.getComputedStyle(divEle).width );
            console.log('内容宽 + padding :', divEle.clientWidth);
            console.log('内容宽 + padding + border', divEle.offsetWidth);
        }

        testSize()