获取元素尺寸

最新推荐文章于 2025-02-15 09:00:00 发布

原创最新推荐文章于 2025-02-15 09:00:00 发布 · 177 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #vue.js

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()