js获取dom元素的宽度数值

有的时候我们需要依赖元素的具体的宽高数值,那这个时候就需要你来进行调用了相关的api进行获取了

这个需要搭配
getComputedStyle + getPropertyValue

DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Documenttitle>
    <style>
        div {
            height: 202.35px;
            width: 201.12px;
            border: 1px solid #f00;
            display: none;
        }
    style>
head>
<body>
    <div>

    div>
    <script>
        let div = document.querySelector('div')
        let styleObj = window.getComputedStyle(div)
        console.log(styleObj, 'styleOBj')
        const height = styleObj.getPropertyValue('width')
        console.log("this dom's height is: " + parseFloat(height))
        
    script>
body>
html>

关注我 持续更新前端知识
更新到 1024篇博客 退休。回家种地去

你可能感兴趣的:(javascript,前端,开发语言)