Como obtenho um estilo computado?

Question

May 06, 2011, 12:21 PM

javascript html cross-domain css computed-style

Como obtenho um estilo computado?

Alguém pode me ajudar com um script .. ou uma maneira de obter o valor de

height : 1196px;
width: 284px;

da folha de estilos computada (webkit). Eu sei que o IE é diferente - como sempre. Não consigo acessar o iframe (domínio cruzado) - só preciso da altura / largura.

Imagens do que eu preciso (circulado em vermelho). Como faço para acessar essas propriedades?

Font

<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>

O mais próximo que eu consegui é esse

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

Isso me dá o estilo real no elemento HTML, que é "automático", e isso é verdade, pois é o que está definido no documento iframe

Como obtenho o estilo calculado que todos os navegadores usam para calcular as barras de rolagem e inspecionar os valores dos elemento

sando a resposta do Tomalaks, invoquei esse adorável pedaço de script para o webkit

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

o

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

Result 150px

Idêntico

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

Então eu consegui que adicionassem um id de 'brshtml' na cabeça - talvez isso me ajude a selecionar o elemento mais facilmente. A inspeção do Webkit mostra agora o html # brshtml, mas não posso selecioná-lo usandogetelementbyid