Come ottenere la larghezza di un elemento in JavaScript

January 24

elementi "Div" in una pagina web sono dinamici, nel senso che si ridimensionano automaticamente al momento della pubblicazione. Ottenere la dimensione risultante di tale elemento comporta l'assegnazione di tale elemento un ID, tirando proprietà dell'elemento dalla pagina del documento, assegnando la proprietà larghezza variabile e quindi stampando il valore. Tutto questo può essere fatto scrivendo una singola funzione JavaScript.

istruzione

1 Dare l'elemento "div" che si sta tentando di analizzare un ID:

<Div id = "test_id">

2 Creare una funzione JavaScript tra i tag "testa" della tua pagina web:

<Script type = "text / javascript">
Funzione output_width ()
{

}
</ Script>

3 Ottenere le proprietà della "div" utilizzando il metodo "document.getElementById", e memorizzare i risultati in una variabile:

var div_properties = document.getElementById ( "test_id");

Inserire questo tra {} tag della funzione.

4 Tirare la larghezza della "div" dalla variabile con le proprietà "div" con il metodo "style.width":

div_width = div_properties.style.width;

Posizionare questo dopo il comando "document.getElementById".

5 Chiamare la funzione dal corpo della tua pagina web utilizzando il metodo "document.write":

<Script type = "text / javascript">
document.write (output_width ());
</ Script>

Inserire questo tra i tag "body".