Question

我在http://www.spacerock.com/shoppingplanner.php有这个漂亮的购物助手 - 点击一顿饭，食材出现在购物清单div中。我在顶部有打印窗口按钮，但它不打印该div。如何指定它来打印该div？按钮的代码是我知道它可能非常简单;我是一个jQuery人，需要学习PURE JS。提前感谢您的帮助和教育。

Answer 1

使用此JS：
打印具有DIV的特定ID='content'

<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/

JavaScript WIndow Print - 我想要它打印一个特定的div

2 个答案: