offsetHeight
(metodo/proprietà JavaScript) consente di estrarre l’altezza di un elemento HTML (cfr. pure offsetWidth
, innerWidth
, innerHeight
, window.screen.width
, window.screen.height
).
Sintassi
in costruzione
Esempi
<script> // Dimensioni della finestra browser var larghezzaFinestra = window.innerWidth; // oppure: innerWidth; var altezzaFinestra = window.innerHeight; // oppure: innerHeight; var dimensioniFinestra = larghezzaFinestra +" per "+ altezzaFinestra; var testoDiv = document.getElementById("div_risultato").innerHTML = "Dimensioni della finestra del browser: " + dimensioniFinestra; // Dimensioni dello schermo var larghezzaSchermo = window.screen.width; // oppure: screen.width; var altezzaSchermo = window.screen.height; // oppure: screen.height; var dimensioniSchermo = "Dimensioni dello schermo: " + larghezzaSchermo +" per "+ altezzaSchermo; var NuovoElemento = document.createElement('p'); NuovoElemento.innerText = dimensioniSchermo; // innerHTML var div_risultato = document.getElementById("div_risultato"); div_risultato.appendChild(NuovoElemento); // Dimensioni del div var larghezzaDiv = div_risultato.offsetWidth; var altezzaDiv = div_risultato.offsetHeight; var dimensioniDiv = "Dimensioni del div: " + larghezzaDiv +" per "+ altezzaDiv; var NuovoElemento = document.createElement('p'); NuovoElemento.innerText = dimensioniDiv; // innerHTML var div_risultato = document.getElementById("div_risultato"); div_risultato.appendChild(NuovoElemento); </script> <div id="div_risultato" style="border:1px solid black;">Questo è il div</div>
Contenuti correlati
- CSS
- HTML
- JavaScript
- jQuery
- PHP
- SQL
- WORDPRESS
0 Comment