Esempio
Restituisce l'altezza di un elemento <div>:
$("button").click(function(){
alert($("div").height());
});
Prova tu stesso " Definizione e utilizzo
Le height() metodo imposta o restituisce l'altezza degli elementi selezionati.
Quando questo metodo viene usato per ritornare altezza, restituisce l'altezza dell'elemento corrispondente FIRST.
Quando questo metodo viene utilizzato per impostare l'altezza, si imposta l'altezza di tutti gli elementi corrispondenti.
Come l'immagine qui sotto illustra, questo metodo non include il padding, bordo o margine.
metodi correlati:
- width() - Imposta o restituisce la larghezza di un elemento
- innerWidth() - Restituisce la larghezza di un elemento (include imbottitura)
- innerHeight() - Restituisce l'altezza di un elemento (include imbottitura)
- outerWidth() - Restituisce la larghezza di un elemento (include padding e border)
- outerHeight() - Restituisce l'altezza di un elemento (include padding e border)
Sintassi
Restituire l'altezza:
$(selector).height()
Impostare l'altezza:
$(selector).height(value)
Impostare l'altezza utilizzando una funzione:
$(selector).height(function(index,currentheight))
| Parametro | Descrizione |
|---|---|
| value | Richiesto per la regolazione in altezza. Specifica l'altezza in px, em, pt, etc. unità di default è px |
| function(index,currentheight) | Facoltativo. Specifica una funzione che restituisce la nuova altezza degli elementi selezionati
|
Provate voi stessi - Esempi
Impostare l'altezza di un elemento
Come impostare l'altezza di un elemento utilizzando unità diverse.
Aumentare l'altezza mediante una funzione
Come utilizzare una funzione per aumentare l'altezza di un elemento.
Ritorna l'altezza degli elementi del documento e finestre
Come restituire l'altezza corrente degli elementi del documento e finestre.
Mostra dimensioni con metodi correlati
Come usare width(), height(), innerHeight(), innerWidth(), outerWidth() e outerHeight() .