Phương thức innerHeight() trong jQuery

1) Nhắc lại "các thành phần của một phần tử"

- Thông thường, cấu trúc của một phần tử HTML sẽ bao gồm bốn thành phần:

• margin (phần lề nằm giữa đường viền của phần tử với các phần tử xung quanh)
• border (đường viền của phần tử)
• padding (vùng đệm nằm giữa đường viền của phần tử với nội dung của phần tử)
• content (nội dung của phần tử)

- Dưới đây là hình ảnh minh họa về cấu trúc của một phần tử HTML.

2) Phương thức innerHeight() trong jQuery

- Phương thức innerHeight() dùng để lấy tổng chiều cao của phần content + padding của phần tử.

3) Cách sử dụng phương thức innerHeight() trong jQuery

- Để sử dụng phương thức innerHeight(), ta dùng cú pháp như sau:

$(selector).innerHeight();

4) Một số ví dụ

<script>
    $(document).ready(function(){
        $("button").click(function(){
            var chieucao = $(".info").innerHeight();
            alert(chieucao);
        });
    });
</script>