Saper calcolare l'altezza occupato da una sezione di testo sulla tua pagina web è un'abilità importante con un numero di diverse applicazioni nel web design. Si può avere un lungo blocco di testo e vogliono sapere se si adatta in cui si intende senza compensazione altri elementi della tua pagina web, o se hai bisogno di metterlo in un recipiente con barre di scorrimento. Fortunatamente, calcolando l'altezza di una riga di testo può essere realizzata in JavaScript con poche linee di codice.

istruzione

1 Aprire la pagina web con la riga di testo che si vuole misurare con l'editor di testo preferito.

2 Circondano il blocco di testo con un tag <div> che contiene un valore di "id", come nel seguente esempio:

<Div id = "HowBig"> Questo è il testo che sto misurando </ div>

3 Inserire il seguente codice sotto il contenitore <div> si è creato nel passaggio precedente:

<Script type = "text / javascript">

scatola var = document.getElementById ( 'HowBig');

alert (box.clientHeight);

</ Script>

(Vedi riferimento 1)

4 Salvare e pubblicare la pagina web. Una finestra di avviso pop-up contenente l'altezza in pixel della riga di testo specificato quando la pagina web si accede.

Consigli e avvertenze

• Assicurarsi di limitare la quantità di testo nel <div> contenitore ad una linea per misurare con precisione l'altezza in pixel della riga di testo.