打印HTML文档的特定部分

Question

我知道已经有人问过这个问题，但是我正在使用“不同而简短的方法”。

我的网页上有用于打印发票的打印按钮

<button class="print" onclick="window.print()">Print</button>

问题在于它会打印包括print按钮的整个文档 是将print按钮从文档打印中排除的任何方式

检出此链接：https://www.thoughtco.com/how-to-add-a-print-button-4072006

Answer 1

我只需要添加

<link rel="stylesheet" type="text/css" media="print" href="print.css">

在页面的头部

---

print.css如下

body {visibility:hidden;}

.print {visibility:visible;}

---

另外，我们必须将class="print"分配给要打印的html元素

感谢@Clay

Answer 2

更改 onclick 这样的功能

<button class="print" onclick="this.style.visibility='hidden';window.print();">Print</button>