0

私はしばらくの間、ウェブページの div の高さと幅を「取得」しようとしました。私は多くのことを試しましたが、いくつかは次のとおりです。

document.getElementById("header").getHeight();
                                 .height();
                                 .height;
                                 .pixelHeight()

および他のすべての「明白な」可能性。何か助けてください。幅と高さを持つ単純な 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>

最終的にはユーザーが高さと幅を動的に変更できるようになるため、div の高さと幅を「取得」したいと考えています。

4

4 に答える 4

7

高さを取得する

document.getElementById("header").offsetHeight

と幅の使用

document.getElementById("header").offsetWidth;
于 2013-05-08T09:20:01.343 に答える
0

例 -

var divheight = document.getElementById('divId').offsetHeight;

これを参照してください -

http://www.w3schools.com/jsref/dom_obj_all.asp

于 2013-05-08T09:20:19.283 に答える