如何将元素附加到弹出窗口答案

【问题标题】：How to append element to popup windows如何将元素附加到弹出窗口
【发布时间】：2012-10-05 17:04:54
【问题描述】：

我正在尝试在弹出窗口中添加更多数据并设置表格样式。

我有

 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....

如何附加数据并设置表格样式？

【问题讨论】：

标签： javascript jquery

【解决方案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

【讨论】：

【解决方案2】：

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

【讨论】：