JavaScript Window打印-我希望它打印特定的div

Question

我在http://www.spacerock.com/shoppingplanner.php上有這個漂亮的購物助手-單擊一頓飯，食材就會出現在shopinglist div中。 我在頂部有“打印窗口”按鈕，但它不打印該div。 如何指定它來打印該div？ 按鈕的代碼是我知道的，它可能非常簡單； 我是jQuery使用者，需要學習PURE 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/