javascript - 打印网页的一部分 - 未显示 css

Question

我尝试打印我网站的一部分，但是当我尝试这样做时，css 属性没有显示。问题是我的 html 文件中嵌入了我的 css 信息。您有解决方案吗？

var content = document.getElementById("div id");
var WinPrint = window.open('', '');
WinPrint.document.write(content.innerHTML);
WinPrint.document.close();
WinPrint.focus();
WinPrint.print();
WinPrint.close();

谢谢!

Answer 1

试试这个:

只需像这样嵌入您的 CSS 文件...

    var content = document.getElementById("div id");
    var WinPrint = window.open('', '');
    WinPrint.document.write( "<link rel=\"stylesheet\" href=\"style.css\" type=\"text/css\" media=\"print\"/>" );
    WinPrint.document.write(content.innerHTML);
    WinPrint.document.close();
    WinPrint.focus();
    WinPrint.print();
    WinPrint.close();