2. Algorithm
  3. javascript - How to print <div> - Stack Overflow

javascript - How to print <div> - Stack Overflow

admin2025-04-20  0

When I click the button it prints <div> content. But the next time it does not work.

var printContents = document.getElementById('screen').innerHTML;
var originalContents = document.body.innerHTML;
document.body.innerHTML = printContents;
window.print();
document.body.innerHTML = originalContents;

When I click the button it prints <div> content. But the next time it does not work.

var printContents = document.getElementById('screen').innerHTML;
var originalContents = document.body.innerHTML;
document.body.innerHTML = printContents;
window.print();
document.body.innerHTML = originalContents;
  • javascript
  • jquery
  • html
  • printing
Share Improve this question edited Sep 17, 2023 at 2:40 Penny Liu 17.6k5 gold badges86 silver badges108 bronze badges asked Apr 12, 2017 at 6:22 Huseyn QuliyevHuseyn Quliyev 111 gold badge1 silver badge5 bronze badges 1
  • can you add your 'event' code ? – Akshay Chawla Commented Apr 12, 2017 at 6:30
Add a ment  | 

1 Answer 1

Reset to default 2 

function printdiv(printpage) {
  var headstr = "<html><head><title></title></head><body>";
  var footstr = "</body>";
  var newstr = document.all.item(printpage).innerHTML;
  var oldstr = document.body.innerHTML;
  document.body.innerHTML = headstr + newstr + footstr;
  window.print();
  document.body.innerHTML = oldstr;
  return false;
}
<html>

<head>
  <title>div print</title>
  <script src="https://ajax.googleapis./ajax/libs/jquery/3.2.0/jquery.min.js"></script>
</head>

<body>
  <input name="b_print" type="button" class="ipt" onClick="printdiv('div_print');" value=" Print ">
  <div id="div_print">
    <h1 style="Color:Red">The Div content which you want to print</h1>
  </div>
</body>

</html>

Something like this :-- Hope it will help you .. https://forums.asp/t/1261525.aspx

转载请注明原文地址:http://conceptsofalgorithm.com/Algorithm/1745114578a285788.html

javascriptHow to print ltdivgtStack Overflow

最新回复(0)