Come 'prendere' il valore di width dal css?

[strae]

...mi spiego meglio, io ho questo CSS:

div#myAlert{
    width: 300px;
    height: 300px;
    position: absolute;
    /*
    visibility: hidden;
    display: none;
    */
    z-index: 2;
    
    border-width:1px 1px 1px 1px;
    border-style: solid;
    border-color: #DDDEE2;
    
    background-color: #F2F1F7;
} 

e questo, semplicerrimo, codice html:

<div id="myAlert"> bla bla bla </div> 

ora il mio dubbio/problema è: perchè se con javascript provo ad 'accedere' alle proprietà del div myAlert non mi restituisce nulla, almeno che non le setto precedentemente (o da javascript o da html)?

cioè, questa funzione:

function prova(){
    var target = document.getElementById('myAlert');
    var targetWidth = target.style.width;
    var targetHeight = target.style.height;
    alert('tw: ' + targetWidth + ' th: ' + targetHeight);
} 

mi stampa sempre: "tw: th: "
se invece nel codice HTML dichiaro in chiaro le dimensioni, allora funziona:

<div id="myAlert" style="width: 300px; height: 300px;"> ora si che funziona! </div> 

perchè?
altra cosa..finchè ci sono: nel caso in cui il contenuto del div fosse dinamico, ergo non mi fosse possibile stabilire a pripri la larghezza ed altezza, come posso 'leggere' i due valori?

[fcaldera]

document.getElementById('myAlert').offsetWidth
document.getElementById('myAlert').offsetHeight

[Xinod]

leggi qui, seguendo anche i link a fine risposta sono compresi tutti i possibili scenari