javascript - 如何将 Css 属性的值(高度以 px 为单位)存储在 Javascript 变量中作为数字？

Question

如何将 Css 属性的值(高度以 px 为单位)存储在 Javascript 变量中作为数字？ somediv.style.height (以 px 为单位)应存储在 变量。

<style>

     #somediv {
        width: 100px;
        height: 20px;
     }

</style>

<script>

    let somediv = document.getElementById('somediv');
    let height = somediv.style.height;

</script

但这不起作用。请帮助我!

Answer 1

使用 window.getCompulatedStyle 获取浏览器计算后的 CSS 值:

const divElement = document.getElementById("somediv");
const style = window.getComputedStyle(divElement);
const height = style.getPropertyValue("height");