Exemplo
Um exemplo crossbrowser sobre como alterar a cor do documento contido em um iframe de fundo:
var x = document.getElementById("myframe");
var y = (x.contentWindow ||
x.contentDocument);
if (y.document)y = y.document;
y.body.style.backgroundColor = "red";
Tente você mesmo " Definição e Uso
A propriedade contentDocument devolve o objecto do documento gerado por um elemento de estrutura ou iframe.
Esta propriedade pode ser usada na janela de host para acessar o objeto Document que pertence a um elemento frame ou iframe.
Note: Devido a razões de segurança, o conteúdo de um documento pode ser acessado a partir de outro documento somente se os dois documentos estão localizados no mesmo domínio.
Suporte navegador
A propriedade contentDocument é suportado em todos os principais navegadores.
Note: Internet Explorer 8 (and higher) suporta a propriedade contentDocument somente se um DOCTYPE é especificado!. Para versões anteriores do IE, use o contentWindow propriedade.
Sintaxe
iframeObject .contentDocument
Detalhes técnicos
Valor de retorno: | Uma referência ao objecto do documento. Se não houver nenhum documento, o valor retornado é nulo |
---|
mais Exemplos
Exemplo
Outro exemplo de como acessar o documento de um iframe para mudar a cor de fundo:
var x = document.getElementById("myframe");
var y = x.contentDocument;
y.body.style.backgroundColor = "red";
Tente você mesmo " <Iframe Objeto