estilos css con javascript

[cosobo]

hola
tengo esto

Código CSS:

<style type="text/css">
.prueba{ 
    width:800px; 
    height:500px; 
    background:#f7f7f7; color:#333; border:#333 9px solid;
}
</style>
 

Código Javascript:

function obtEstilos(clase) { 
    var classes = document.styleSheets[0].rules || document.styleSheets[0].cssRules 
    for(var x=0;x<classes.length;x++) { 
        if(classes[x].selectorText==clase) { 
            (classes[x].cssText) ? alert(classes[x].cssText) : alert(classes[x].style.cssText); 
        } 
    } 
} 
obtEstilos('.prueba'); // esta funcion me obtiene todas las reglas que tiene la 
//clase de estilo [B].prueba[/B]
 
//-> quiero esto
function obtieneEs(dt) { //-> [B][U]este--..[/U][/B]
    var ob=document.getElementById(dt);
    an=ob.style.width;
    alert(an);
}
 

Código HTML:

<div id="an" class="test">
    se anima
</div>
 

con esta función obtieneEs() quiero que al pasarle una id al obtieneEs('id_De_Div') pedirle por ejemplo
objetoID.style.width me lo devuelva sin necesidad de definirlo en la etiqueta