Как я могу получить доступ к дереву dom дочернего окна?

Я открываю новое окно, используя следующий код:

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

Я хочу получить доступ к дереву dom PurchaseWin, например.

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

Это не работает. Я могу сделать это только:

purchaseWin.document.write("abc");

Я также пробовал это, и он тоже не работает:

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

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

   });

Что мне делать?

Ответ 1

С помощью jQuery вам нужно получить доступ к contents документа вашего дочернего окна:

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

Без библиотек с простым JavaScript вы можете сделать это следующим образом:

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

Я думаю, что проблема заключалась в том, что вы пытались восстановить элемент DOM до того, как загрузилось дочернее окно.

Ответ 2

Возможно, событие загрузки jQuery работает для вас, так как это работало для меня в аналогичной проблеме, тогда как событие готовности не работало:

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

Ответ 3

Вы не можете получить доступ к документу дочернего окна, если вы загружаете страницу, которая не принадлежит домену родительского окна. Это связано с безопасностью междоменной безопасности, встроенной в Javascript.

Ответ 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;
    };
  };
})();