Acessar um elemento da página principal estando dentro do iframe

Você possui a página principal (principal.html) e dentro possui um iframe (iframe.html).

Para pegar um elemento da página principal de dentro do iframe (iframe.html) usamos o seguinte código em javascript:

// Para pegar o valor de um elemento, ex: div, p, h1, entre outros
parent.document.getElementById('elemento').innerHTML;
// Para definir
parent.document.getElementById('elemento').innerHTML = 'Texto aqui =)';
// Para utilizar em formulário (input) troque o 'innerHTML' por 'value'

 

Útil(3)Desprezível(1)

One thought on “Acessar um elemento da página principal estando dentro do iframe”

  1. Tenho a seguinte sentença, como capturar o elemento de fora do iframe ?

    var r = document.getElementById("Right1");
    r.onmouseover = function(){
    $(this).find("iframe").css("border","1px solid #000");
    }
    r.onmouseout = function(){
    $(this).find("iframe").css("border","1px solid #F00");

    }

    Útil(2)Desprezível(2)

Deixe uma resposta para Thiago Cancelar resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *