javascript - 将 html 数据附加到内联脚本 html 数据并打印

Question

我需要在脚本内附加带有 html 的表数据。并附加打印数据

但这里表格数据仅在打印模式下显示。

html

 <div>
    <p>Your content here</p>
    <table  id="toPrint">
     <tr>
    <td>Neil D'zousa</td>
    <td>112233445566</td>
    </tr>
</table>
</div>
<div id="notForPrint">
    <a href="#" id="print">print</a>
</div>

脚本

function open() {
 var w = window.print();
 var htmlTable2 = '<tr>' + '<th>Name</th>'
              + '<th>Phone</th>'+ '</tr>';
    var html = $("#toPrint").html();
    var t=html;
    $(t).append(htmlTable2);
    $(w.document.body).html(t);
}
$(function() {
    $("a#print").click(open);
});

如果有人知道这一点，请分享您的答案。

关于...

Answer 1

Demo

var htmlTable2 = '<tr>' + '<th>Name</th>'
          + '<th>Phone</th>'+ '</tr>';
var html1 = $("#toPrint").append(htmlTable2);
var t=html1;
$(t).append(htmlTable2);
window.print(); 

试试这个。我在 Chrome 中测试过。效果很好

编辑: 对您的要求的回应:您必须检查 dom[name,etc] 是否已经[重新发送

$('#domHeader').length > 0 means already present.

if(! $('#domHeader').length)
{
 var htmlTable2 = '<tr>' + '<th>Name</th>'
          + '<th>Phone</th>'+ '</tr>';
 var html1 = $("#toPrint").prepend(htmlTable2); //peter is correct
 //var t=html1;
 //$(t).append(htmlTable2);
}

EDITED DEMO

UPDATE FINAL