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

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

来源

2015-05-05 Marian Stevens

你可以[创建一个MCVE]（http://stackoverflow.com/help/mcve）（足够的代码来复制问题），以便代码在问题本身而不是异地？在此问题的未来访问者在您修复该问题后将无法看到问题。 – BSMP

你可以尝试使用printThis jQuery插件：

$('SelectorToPrint').printThis();

的jsfiddlehttps://jsfiddle.net/seadonk/df4tzcq5/

来源

2015-05-05 16:08:38 Brino

我会试一试。谢谢！ –

我继续前进，并插入插件到位，并更改了按钮的代码，给它一个id作为printBtn，并写道：$（'＃printBtn'）。click（function（）{（'＃shoppinglist' ）.printElement（）; }）;但是，它不起作用。我得到一个printElement不是函数的错误。 –

@MarianStevens我也无法让它工作。我在Jason Day发现了另一个名为printThis（）的工具。在答案中看JSFiddle。 – Brino

使用此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; 
    }

希望这有助于..

来源

2015-05-07 15:22:31 AbhiNickz

是的！那样做了！非常感谢！ –

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

回答

相关问题