¿Cómo obtengo un estilo calculado?

Question

May 06, 2011, 12:21 PM

javascript html css cross-domain computed-style

¿Cómo obtengo un estilo calculado?

¿Puede alguien ayudarme con un script ... o una forma de obtener el valor de

height : 1196px;
width: 284px;

desde la hoja de estilo calculada (webkit). Sé que IE es diferente, como siempre. No puedo acceder al iframe (dominio cruzado): solo necesito el alto / ancho.

Captura de pantalla de lo que necesito (encerrado en rojo). ¿Cómo accedo a esas propiedades?

Fuent

<iframe id="frameId" src="anotherdomain\brsstart.htm">
 <html id="brshtml" xmlns="http://www.w3.org/1999/xhtml">   
    \--I WANT THIS ELEMENTS COMPUTED BROWSER CSS HEIGHT/WIDTH

<head>
<title>Untitled Page</title>
</head>

<body>
 BLA BLA BLA STUFF

</body>

</html>
   \--- $('#frameId').context.lastChild.currentStyle 
        *This gets the actual original style set on the other domain which is "auto"
        *Now how to getComputed Style?


</iframe>

El más cercano que tengo es este

$('#frameId').context.lastChild.currentStyle

Eso me da el estilo real en el elemento HTML que es "automático" y eso es cierto, ya que eso es lo que se establece en el documento iframed.

¿Cómo obtengo el estilo calculado que usan todos los navegadores para calcular las barras de desplazamiento e inspeccionar los valores de los elementos?

Usando la respuesta de Tomalaks, evoqué este hermoso guión para webkit

window.getComputedStyle(document.getElementById("frameId"), null).getPropertyValue("height")

window.getComputedStyle(document.getElementById("frameId"), null).getPropertyCSSValue("height").cssText

Result 150px

Idéntico

$('#frameId').height();

Entonces les pedí que agregaran una identificación de 'brshtml' a la cabeza, tal vez me ayudará a seleccionar el elemento más fácilmente. La inspección de Webkit me muestra ahora html # brshtml pero no puedo seleccionarlo usandogetelementbyid