2015-05-05 66 views
0

我有這個漂亮的購物助手在http://www.spacerock.com/shoppingplanner.php - 點擊一頓飯,成分出現在shopinglist div中。我在頂部有打印窗口按鈕,但它不打印該div。我如何指定它打印該div?按鈕的代碼是我知道它可能非常簡單;我是一名jQuery人員,需要學習PURE JS。預先感謝您的幫助和教育。JavaScript打印 - 我想要它打印一個特定的div

+2

你可以[創建一個MCVE](http://stackoverflow.com/help/mcve)(足夠的代碼來複制問題),以便代碼在問題本身而不是異地?在此問題的未來訪問者在您修復該問題後將無法看到問題。 – BSMP

回答

0

你可以嘗試使用printThis jQuery插件:

$('SelectorToPrint').printThis(); 

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

+0

我會試一試。謝謝! –

+0

我繼續前進,並插入插件到位,並更改了按鈕的代碼,給它一個id作爲printBtn,並寫道:$('#printBtn')。click(function(){('#shoppinglist' ).printElement(); });但是,它不起作用。我得到一個printElement不是函數的錯誤。 –

+0

@MarianStevens我也無法讓它工作。我在Jason Day發現了另一個名爲printThis()的工具。在答案中看JSFiddle。 – Brino

1

使用此JS:
打印特定DIVID='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; 
    } 

希望這有助於..

+0

是的!那樣做了!非常感謝! –