javascript - 更改要打印的字体系列和字体大小

Question

这是我的 JavaScript

<script type="text/javascript">
            function printInfo(ele) {
              var openWindow = window.open();
              openWindow.document.write(ele.previousSibling.innerHTML,'');
              openWindow.document.body.setAttribute('style', 'font-family:Arial !important;');
              openWindow.document.body.setAttribute('style', 'font-size:36px;');
              openWindow.document.close();
              openWindow.focus();
              openWindow.print();
              openWindow.close();
            }
          </script>

它更改了我文档中的字体系列(表格中的文本除外)。请帮忙。我打印使用:

打开div-文档-关闭div-a onclick printInfo(this)

<table border="0" style="margin-left: 10px;">
  <tr style="margin: 0px;">
     <td>Nama</td>
     <td style="padding:0 10px 0 10px">:</td>
     <td><?php echo "$nmlengkap";?></td>
  </tr>
</table>

Answer 1

给表格一个id，这样你就可以在表格上设置样式

<script type="text/javascript">
            function printInfo(ele) {
              var openWindow = window.open();
              openWindow.document.write(ele.previousSibling.innerHTML,'');
              tbl = openWindow.document.getElementById("tbl");
              tbl.setAttribute('style', 'font-family:Arial !important;');
              tbl.setAttribute('style', 'font-family:Arial 'font-size:36px;');
              openWindow.document.body.setAttribute('style', 'font-family:Arial !important;');
              openWindow.document.body.setAttribute('style', 'font-size:36px;');
              openWindow.document.close();
              openWindow.focus();
              openWindow.print();
              openWindow.close();
            }
          </script>

还有表格:

<table id='tbl' border="0" style="margin-left: 10px;">
  <tr style="margin: 0px;">
     <td>Nama</td>
     <td style="padding:0 10px 0 10px">:</td>
     <td><?php echo "$nmlengkap";?></td>
  </tr>
</table>