Come modificare & lt; div & gt; Altezza con JavaScript sulla risoluzione

February 11

JavaScript consente di modificare l'altezza di elementi HTML dinamicamente in base alla risoluzione dello schermo del computer dell'utente. Questo tipo di programmazione permette di elementi di dimensioni in modo dinamico per l'accesso degli utenti più facile senza causare accidentalmente l'utente a scorrere per trovare l'elemento HTML.

istruzione

1 Fare clic con il JS o file HTML che si desidera utilizzare per cambiare il "div" altezza. Selezionare "Apri con", quindi fare doppio clic l'editor utilizzato per creare i file.

2 Rilevare la risoluzione dello schermo. Si utilizza la classe "schermo" per recuperare la risoluzione dal computer del lettore. Digitare il seguente codice per recuperare la risoluzione:

var height = screen.height;

3 Inserisci il codice che cambia l'altezza del div. Si utilizza la classe "stile" per impostare l'altezza di un div. Il codice seguente mostra come modificare l'altezza relativa alla risoluzione dello schermo:

. Document.getElementById ( "div") style.height = altezza / 2;

Il codice di cui sopra rende il div metà dell'altezza della risoluzione dello schermo.


Articoli Correlati