Pages

Print only a div in web page No CSS JS Only

Printing only a specific div in a web page using javascript with a print button




<script>
function printContent(el){
var restorepage = document.body.innerHTML;
var printcontent = document.getElementById(el).innerHTML;
document.body.innerHTML = printcontent;
window.print();
document.body.innerHTML = restorepage;
}
</script>


<button class="btn btn-info" onclick="printContent('print')"> <span class="glyphicon glyphicon-print" aria-hidden="true"></span> Print Content</button>

<div class="col-lg-12" id="print">
This content will be printed
</div>

No comments:

Post a Comment

Search This Blog