如何在javascript中找到div的大小？

Question

我试图解决这个问题:

我有一些HTML和PHP:

<div class="main" style="height: 800px">
    <div class="head" style="height: 300px"</div>
    <div class="container">
        <?php
        for ($i=0; $i<=$size;$i++){
            echo "<div style="/"height: 20px;/">line $i</div>";
        }
        ?>
     </div>
</div>

现在,我想要做的是找到.containerdiv 的高度并应用它$size

如果.container高度是100那么我会做类似的东西:$size = 100 / 20或类似的东西.

问题是,即使我找到div高度它仍然在客户端,我可能不得不做一些ajax.

另一个问题是,如果没有内容.container通常没有高度.

在这种情况下,我可能会迫使大小的.container是800 - 300,但我不知道allays从页面上的不同块元素其他尺寸.

我希望我不要混淆这个问题.

有任何想法吗？

谢谢

Answer 1

描述

您可以使用jQuery height()和width()方法来获取大小.

查看示例和jsFiddle演示

样品

HTML

<div class="container">
    MyContent<br><br>
</div>

jQuery的

alert($(".container").height())
alert($(".container").width())

更多信息

• jsFiddle示范
• jQuery.height()
• jQuery.width()