Javascript 如何使用jquery打印div内容

我试图打印我的内容，但

正文

不包含我插入的全部打印内容。似乎是某种高度问题

var printcontent=$("#printDiv").html();
var printdiv=document.createElement('div');
$(printdiv).html(printcontent);
$('body').before(printdiv);
$('body').css('visibility', 'hidden');
window.print();
$('body').css('visibility', 'visible');

---

如果您想打印某些数据，我建议您使用如下css设置媒体

@media print {
    p {
        font-family: georgia, serif;
        font-size: 14px;
        color: blue;
    }
}

这将在您进行打印时为您提供

p

内容。您可以对

div

元素执行相同的操作，CSS媒体查询（打印）是正确的方法。您还可以在jQuery中执行以下操作。记住，你最终会在你的身体内容周围有一个额外的

div

，但我想这可能不是问题

var printcontent = $("#printDiv").html();
var printdiv = $('<div/>', { 'id': "print-layout"}).html(printcontent);

$('body').wrapInner("<div id='body-content'></div>");
$('#body-content').before(printdiv);
$('#body-content').css('visibility', 'hidden');

window.print();
setTimeout(function() {
    $('#print-layout').remove();
    $('#body-content').css('visibility', 'visible');
}, 0);

var printcontent=$（“#printDiv”）.html（）；
var printdiv=$（''，{'id'：“打印布局”}）.html（打印内容）；
$（'body'）.wrapInner（“”）；
$（“#正文内容”）。之前（printdiv）；
$（“#正文内容”）.css（“可见性”、“隐藏”）；
window.print（）；
setTimeout（函数（）{
$（“#打印布局”）.remove（）；
$（'#body content'）.css（'可见性'，'可见'）；
}, 0);

---

为什么要使用

.before（）

？内容应该在正文中，而不是在它之前。。。