Manipolare child del dom di un iframe

Autore: Fabio Di Matteo
Ultima revisione: 30/10/2013

Con jquery è possibile manipolare anche gli oggetti del dom di una pagina contenuta dentro un iframe , direttamente dalla pagina genitrice. Ecco come:

<script>
 
$(function() {
    $("#myIframe").bind("load",function(){
        $(this).contents().find("p").css('background-color', 'red');
        $(this).contents().find("p").append(' - Aggiunto dal genitore!');
    });
});
 
</script>

In questo caso aggiungiamo all'oggetto <p> che si trova nella pagina visualizzata dentro l'iframe prima una regola css per colorare lo sfondo rosso e poi altro testo. Funziona soltato se la pagina caricata dentro l'iframe e la genitrice risiedono nello stesso dominio, oppure in locale .