如何追加元素彈出窗口

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 

Here is the demo

Answer 2

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