Breaking News: Grepper is joining You.com. Read the official announcement!

grepper: print particular part of html

Pheebee answered on December 4, 2023 Popularity 1/10 Helpfulness 1/10

answer grepper: print particular part of html

grepper: print particular part of html

Comment

print particular part of html

<div id='printable_div_id'>
		<h1>Printable Content</h1>
		<p>This is a printable paragraph.</p>
	</div>



<button onClick="printdiv('printable_div_id');">PRINT</button>



<script>
function printdiv(elem) {
  var header_str = '<html><head><title>' + document.title  + '</title></head><body>';
  var footer_str = '</body></html>';
  var new_str = document.getElementById(elem).innerHTML;
  var old_str = document.body.innerHTML;
  document.body.innerHTML = header_str + new_str + footer_str;
  window.print();
  document.body.innerHTML = old_str;
  return false;
}
</script>

see full code here

https://www.buildwithphp.com/how-to-print-specific-div-content-using-javascript

Popularity 1/10 Helpfulness 1/10 Language html

Source: Grepper

Tags: html

Link to this answer
Share Copy Link