Przykład
Zwraca wysokość element <div>:
$("button").click(function(){
alert($("div").height());
});
Spróbuj sam " Definicja i Wykorzystanie
Na height() określa metody lub zwraca wysokość wybranych elementów.
Gdy ten sposób stosuje się do powrotu wysokości, to zwraca wysokość pierwszego dopasowanego elementu.
Kiedy ten sposób jest stosowany do ustawiania wysokości, określa wysokość wszystkich dopasowanych elementów.
Jak niżej obraz ilustruje, metoda ta nie obejmuje dopełnienie, ramki lub marginesu.
Podobne metody:
- width() - ustawia lub zwraca szerokość elementu
- innerWidth() - Zwraca szerokość elementu (zawiera wypełnienie)
- innerHeight() - Zwraca wysokość elementu (zawiera wypełnienie)
- outerWidth() - Zwraca szerokość elementu (zawiera dopełnienie i obramowanie)
- outerHeight() - Zwraca wysokość elementu (zawiera dopełnienie i obramowanie)
Składnia
Zwraca wysokość:
$(selector).height()
Ustaw wysokość:
$(selector).height(value)
Ustawić wysokość za pomocą funkcji:
$(selector).height(function(index,currentheight))
| Parametr | Opis |
|---|---|
| value | Wymagany do ustawiania wysokości. Określa wysokość w px, em, pt, etc. Urządzenie Domyślnie jest px |
| function(index,currentheight) | Opcjonalny. Określa funkcję, która zwraca nową wysokość wybranych elementów
|
Spróbuj sam - przykłady
Ustaw wysokość elementu
Jak ustawić wysokość elementu przy użyciu różnych jednostek.
Zwiększyć wysokość za pomocą funkcji
Jak użyć funkcji zwiększyć wysokość elementu.
Zwraca wysokość elementów dokumentów i okien
Jak zwrócić bieżącą wysokość elementów dokumentów i okien.
Pokaż wymiary z metod pokrewnych
Jak korzystać width(), height(), innerHeight(), innerWidth(), outerWidth() i outerHeight() .