打印 HTML 文档的特定部分 [重复]答案

【问题标题】：Printing Specific Part of HTML document [duplicate]打印 HTML 文档的特定部分 [重复]
【发布时间】：2018-09-06 16:25:33
【问题描述】：

我知道这个问题已经被问过了，但我正在使用不同的短方法。

我的网页中有打印发票的打印按钮

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

问题是它打印了整个文档，包括print 按钮他们有什么方法可以将print 按钮排除在文档中的打印之外

【问题讨论】：

您可以在用户打印时设置自定义 CSS 以隐藏页面的不同部分，只需 google "css print style" smashingmagazine.com/2011/11/how-to-set-up-a-print-style-sheet

【解决方案1】：

我只需要添加

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

在我页面的头部

print.css 如下

body {visibility:hidden;}

.print {visibility:visible;}

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

感谢@Clay

【讨论】：

【解决方案2】：

像这样改变onclick函数

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

【讨论】：