使用Javascript或HTML,如何获得div或其他元素的高度和宽度?

xa.*_*xa. 0 html javascript css

我已经尝试了一段时间来"获取"我网页上div的高度和宽度.我尝试了很多东西,有些是:

document.getElementById("header").getHeight();
                                 .height();
                                 .height;
                                 .pixelHeight()
Run Code Online (Sandbox Code Playgroud)

以及所有其他"明显的"可能性.有什么帮助吗?它只是一个宽度和高度的简单div:

<style>
    #header {
        width: 500px; 
        height:100px; 
        background-color:black; 
        border: 2px solid red;
    }
</style>
<body>
    <div id="header" style="position:absolute" onclick="testjs()" />
    <script language="javascript" type="text/javascript">
        var hdiv = document.getElementById("header");

        function testjs()
        {
            hdiv.style.height="221px";
        }           

        /////////////////////////////////////
        hdiv.getHeight();              ???????
        //////////////////////////////////////
    </script>
Run Code Online (Sandbox Code Playgroud)

我想"得到"div的高度和宽度,因为最终用户将能够动态地改变高度和宽度.

mun*_*bir 7

获得高度使用

document.getElementById("header").offsetHeight
Run Code Online (Sandbox Code Playgroud)

并用于宽度使用

document.getElementById("header").offsetWidth;
Run Code Online (Sandbox Code Playgroud)