php - 如何在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>

现在，我要做的是找到 .container div 的高度并将其应用于 $size

如果 .container 高度是 100，那么我会做类似的事情:$size = 100/20 或类似的事情。

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

另一个问题是，如果 .container 中没有内容，通常就没有高度。

在这种情况下，我可以强制 .container 的大小为 800 - 300 但我不知道页面上不同 block 元素的其他大小。

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

有什么想法吗？

谢谢

Answer 1

描述

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

查看示例和 jsFiddle Demonstration

示例

html

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

jQuery

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

更多信息

• jsFiddle Demonstration
• > jQuery.height()
• > jQuery.width()