come si recupera width e height da un div?

[pietro09]

Se imposto la larghezza di un elemento con (per esempio).

document.getElementById("div1").style.width = document.getElementById("tb1W").value;

come potrei recuperare dopo la larghezza del div (in px)?

se faccio alert(document.getElementById("div1").style.width) mi restituisce per esempio, 150px.

[seed_squall_it]

Sinceramente non ho capito il problema...quello che recuperi è esatto, dato che i valori di larghezza e altezza dell'oggetto style sono stringhe (sono sempre seguite dall'unità di misura se noti). Se quello che ti serve è il recupero del solo valore numerico, basta che "elimini" le due lettere dell'unità di misura:

var wdt_px = document.getElementById("div1").style.width;
var wdt = wdt_px.substring(0,wdt_px.length - 2);

Questo è il sistema più semplice, che non ti converte il valore in un numero, ma se poi devi fare dei calcoli, ci pensa JavaScript a farti la conversione implicita. Oppure puoi usare tu stesso parseInt(wdt).

[pietro09]

Ache tu hai ragione.

Io, nella fretta, usavo offsetWidth, ma mi sballava il dato vero di alcuni pixel.

Ciao

[Xinod]

io uso solo offsetWidth, purtroppo mi sembra venga restituito il width solo quando sia stato precedentemente assegnato via css
e se non sbaglio solo in linea
x aggirare queste limitazioni si puo' provare ad usare il getComputedStyle
http://www.mozilla.org/docs/dom/domref/examples.html
e la proprieta' IE proprietaria currentStyle
ciao

[pietro09]

Originariamente inviato da Xinod
io uso solo offsetWidth, purtroppo mi sembra venga restituito il width solo quando sia stato precedentemente assegnato via css
e se non sbaglio solo in linea
x aggirare queste limitazioni si puo' provare ad usare il getComputedStyle
http://www.mozilla.org/docs/dom/domref/examples.html
e la proprieta' IE proprietaria currentStyle
ciao

Ringrazio della risposta.

[Jarno]

Originariamente inviato da Xinod
io uso solo offsetWidth, purtroppo mi sembra venga restituito il width solo quando sia stato precedentemente assegnato via css
e se non sbaglio solo in linea
x aggirare queste limitazioni si puo' provare ad usare il getComputedStyle
http://www.mozilla.org/docs/dom/domref/examples.html
e la proprieta' IE proprietaria currentStyle
ciao

favolosa come soluzione

function cascadedstyle(el, cssproperty, csspropertyNS){
if (el.currentStyle) //if IE5+
return el.currentStyle[cssproperty]
else if (window.getComputedStyle){ //if NS6+
var elstyle=window.getComputedStyle(el, "")
return elstyle.getPropertyValue(csspropertyNS)
}
} 

però è sorprendente come ci siano certe mancanze in questi linguaggi ...sapere quale sia la reale dimensione di un oggetto non mi sembra una cosa così strana