JavaScript窗口打印 - 我希望它打印特定的Div

Question

我在http://www.spacerock.com/shoppingplanner.php上有这个漂亮的购物助手 - 单击一顿饭，而食材出现在ShopingListdiv中。我的顶部有打印窗口按钮，但没有打印该div。我如何指定它打印该div？按钮的代码我知道它可能很简单。我是一个人，需要学习纯JS。事先感谢您的帮助和教育。

Answer 1

使用此JS：
用ID='content'

打印特定的DIV

<input style="width:75px" type="button" name="printreport" id="printreport" value="Print List" onclick="printpage()">
function printpage()
    {
        var originalContents = document.body.innerHTML;
        var printReport = document.getElementById('content').innerHTML;
        document.body.innerHTML = printReport;
        window.print();
        document.body.innerHTML = originalContents;
    }

希望这会有所帮助..

Answer 2

您可以尝试使用printthis jquery插件：

$('SelectorToPrint').printThis();

jsfiddle https://jsfiddle.net/seadonk/df4tzcq5/