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

回答

相關問題