Come posso accedere al dom tree della finestra figlio?

Question

apro una nuova finestra utilizzando il seguente codice:

purchaseWin = window.open("Purchase.aspx","purchaseWin2", "location=0,status=0,scrollbars=0,width=700,height=400"); 

voglio accedere l'albero DOM della purchaseWin, per esempio

purchaseWin.document.getElementById("tdProduct").innerHTML = "2"; 

Non funziona. Posso solo fare questo:

purchaseWin.document.write("abc"); 

Cerco anche di questo e non funziona troppo:

$(purchaseWin.document).ready(function(){ 

    purchaseWin.$("#tdProduct").html("2"); 

    }); 

Cosa devo fare?

Answer 1

Con jQuery, è necessario accedere al contents del documento della finestra del bambino:

$(purchaseWin.document).ready(function() { 
    $(purchaseWin.document).contents().find('#tdProduct').html('2'); 
}); 

Senza librerie, con la pianura JavaScript, si può fare in questo modo:

purchaseWin.onload = function() { 
    purchaseWin.document.getElementById('tdProduct').innerHTML = '2'; 
}; 

I pensate che il problema era che stavate cercando di recuperare l'elemento DOM prima che la finestra figlio fosse effettivamente caricata.

Answer 2

Forse l'evento carico di jQuery lavora per voi come questo ha funzionato per me in un problema simile, mentre l'evento ready non ha funzionato:

$(purchaseWin).load(function(){ 
    purchaseWin.$("#tdProduct").html("2"); 
}); 

Answer 3

Non è possibile accedere al documento di una finestra secondaria, se si carica una pagina che non appartiene al dominio della finestra genitore. Ciò è dovuto alla sicurezza tra domini incorporata in Javascript.

Answer 4

(function() { 

    document.getElementById("theButton").onclick = function() { 

    var novoForm = window.open("http://jsbin.com/ugucot/1", "wFormx", "width=800,height=600,location=no,menubar=no,status=no,titilebar=no,resizable=no,"); 
    novoForm.onload = function() { 
     var w = novoForm.innerWidth; 
     var h = novoForm.innerHeight; 
     novoForm.document.getElementById("monitor").innerHTML = 'Janela: '+w+' x '+h; 
    }; 
    }; 
})();