javascript - ポップアップ ウィンドウに要素を追加する方法

Question

ポップアップ ウィンドウ内でさらにデータを追加し、テーブルのスタイルを設定しようとしています。

私は持っている

 var popup = window.open("popup.html", "popup","width=800","height=600");
     popup.document.write(
     "<table id='dataTable'>"+
      "<tr><th>test1</th><th>test2</th><th>test3<th></th>test4</th><th>test5</th></tr>" +
      "</table>");

ajax callback data
    codes....

データを追加してテーブルのスタイルを設定する方法は?

Answer 1

$("#dataTable",popup.document)ポップアップウィンドウでテーブルを取得するために使用：

var popup = window.open("popup.html", "popup","width=800","height=600");
     popup.document.write(
     "<table id='dataTable'>"+
     "<tr><th>test1</th><th>test2</th><th>test3<th></th>test4</th><th>test5</th></tr>" +
     "</table>");

$("#dataTable",popup.document)
     .css("border","1px solid red") // append CSS
     .append("<tr><td>append</td></tr>"); //append HTML

ここにデモがあります

Answer 2

$('#dataTable').append(<your html>);
$('#dataTable').css({'style1':'value1', 'style2':'value2'});