Print Doc

by Santosh Thakur

HTML

<div>Then add an event like an onclick (as shown above), and pass the id of the div like I did above.</div>
<div id="printableArea">
  <h1>Print me</h1>
  <p>like an onclick (as shown above)</p>
  <input id="btn" type="button" onclick="printDiv('printableArea')" value="print a div!" />
</div>

<div>Then add an event like an onclick (as shown above), and pass the id of the div like I did above.</div>

JavaScript

function printDiv(divName) {
  var printContents = document.getElementById(divName).innerHTML;
  var originalContents = document.body.innerHTML;
  document.body.innerHTML = printContents;
  window.print();
  document.body.innerHTML = originalContents;
}