Hide all elements except one div for print view

Question

I have the following CSS for my print style:

* {
 display:none;
}

#printableArea {
 display:block;
}

Answer 1

If you want to use JavaScript, you can try this simple snippet that doesn't even require jQuery:

document.body.innerHTML=document.getElementById('printableArea').innerHTML;