Propriedade contentDocument do IFrame

Objeto IFrame do DOM HTML

Definição e uso

contentDocument A propriedade retorna o documento gerado pelo elemento frame ou iframe. Objeto Documento.

Esta propriedade pode ser usada no contexto da janela hospedeira para acessar propriedades de elementos de frame ou iframe. Objeto Documento.

Atenção:Por razões de segurança, é possível acessar o conteúdo de outro documento apenas quando os dois documentos estão no mesmo domínio.

Exemplo

Exemplo 1

Exemplo de como alterar a cor de fundo do documento contido em um iframe, com suporte a múltiplos navegadores:

var x = document.getElementById("myframe");
var y = (x.contentWindow || x.contentDocument);
if (y.document)y = y.document;
y.body.style.backgroundColor = "red";

Experimente você mesmo

Exemplo 2

Outro exemplo de como acessar o documento de um iframe para alterar a cor de fundo:

var x = document.getElementById("myframe");
var y = x.contentDocument;
y.body.style.backgroundColor = "red";

Experimente você mesmo

Sintaxe

iframeObject.contentDocument

Detalhes técnicos

Valor retornado: Referência ao objeto de documento. Se não houver documento, o valor retornado é null.

Suporte ao navegador

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Suporte Suporte Suporte Suporte Suporte

Objeto IFrame do DOM HTML