Publicado em 14 de fev.

Como mudar o CSS de um iframe a partir de uma página "pai"

Boa tarde povo,

Então to com uma dúvida aparentemente simples mas que já procurei em diversos lugares e não achei uma resolução pro meu caso... Eu precisaria mudar a folha de estilos de um iframe a partir de uma ação na página pai...

já tentei window.frames... document.frames... nada funfou..

alguém tem alguma ideia de como faço isso?

Obs: o conteúdo do meu iframe está no mesmo domínio (não estou tentando alterar nada externo.. que eu sei que isso não dá.. )

Abs

Discussão (4)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

Gibatronic· 15 de fev.

yup!

cara, a folha de estilos realmente é impossível alterar...

o que tu pode fazer é alterar o estilo de algum elemento específico!

<script type="type/javascript">
var seuIFrame = (document.getElementById("oIDdoSeuIFrame").contentWindow || document.getElementById("oIDdoSeuIFrame").contentDocument);

if (seuIFrame.document) {
	seuIFrame = seuIFrame.document;
}

// FINALMENTE, ACESSO AO DOM DO IFRAME

seuIFrame.body.style.backgroundColor = "#FF0000";
</script>

Evandro Oliveira· 16 de fev.

@Gibatronic, tendo acesso ao DOM é perfeitamente possível alterar as folhas de estilo

var css = document.createElement('link');
css.rel = 'stylesheet';
css.type = 'text/css';
css.media = 'all';
css.href = 'caminho/para/estilo.css';
seuIframe.getElementsByTagName('head')[0].appendChild(css);

ValessioBrito· 21 de mar.

Alguém sabe me dizer se é possível ter alguma definição CSS na minha página para quando ela seja incorporada via IFRAME, a folha de estilo tenha alterações especificas..?

sei lá, tipo:

iframe div#main { display: none; };

No meu exemplo isso somente funcionaria se a página tive-se sendo lida através de um iframe.

Evandro Oliveira· 29 de mar.

CSS estiliza elementos. inline frames não são elementos, são componentes incorporados. Seria a mesma coisa que aplicar CSS a animações flash, por exemplo.