[JAVASCRIPT] [metodi e proprietà] offsetHeight

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

Fonti esterne

javascript, proprietà javascript

Related Articles

0 Comment

Rispondi