Print only particular div using css and javascript

First we see, how can we do that using css
<style type=”text/css” media=”print”>

@media print{

body *{ visibility: hidden; }

#divname * {visibility: visible; }

#divname {position :absolute; top:40px; left:40px; }

}

</style>

 

Now we see how can done using javascript

<script type=”text/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;

}

</script>