Как найти размер div в JavaScript?

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, но я не всегда знаю другие размеры из различных элементов блока на странице.

Надеюсь, мне не следует путать этот вопрос.

есть идеи?

Спасибо

Answer 1

Описание

Вы можете использовать метод jQuery height() и width() для получения размера.

Проверьте образец и jsFiddle Demonstration

Образец

html

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

jQuery

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

Подробнее

• jsFiddle Демонстрация
• jQuery.height ()
• jQuery.ширина ()