JavaScript 窗口打印 - 我希望它打印特定的 div答案

【问题标题】：JavaScript WIndow Print - I want it to print a specific divJavaScript 窗口打印 - 我希望它打印特定的 div
【发布时间】：2015-05-05 15:52:43
【问题描述】：

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

【问题讨论】：

你能create a MCVE（足够的代码来复制问题）这样代码就在问题本身而不是在场外吗？在您在该网站上解决问题后，该问题的未来访问者将无法看到该问题。

标签： javascript printing window

【解决方案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;
    }

希望这会有所帮助..

【讨论】：

是的！做到了！非常感谢！

【解决方案2】：

您可以尝试使用printThis Jquery 插件：

$('SelectorToPrint').printThis();

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

【讨论】：

我会试一试的。谢谢！
我继续将插件安装到位并更改了按钮的代码，给它一个 id 作为 printBtn 并写道： $('#printBtn').click(function(){ $('#shoppinglist').printElement(); });但是，它不起作用。我收到 printElement 不是函数的错误。
@MarianStevens 我也无法让它工作。我发现 Jason Day 的另一个名为 printThis() 的方法有效。请参阅答案中的 JSFiddle。
那也没有；我正在使用 ajax 填充我的 div，它不会打印我填充它的内容。我也检查了你的小提琴，根本没有看到你添加的标题。