如何仅打印选定的 HTML 元素？

Question

我正在尝试在 HTML 中实现打印功能。我知道我可以用 window.print() 打印整个页面，但是如何只打印特定的页面元素？例如一个特定的 <DIV>Some text to print</DIV> 。

原文由 t0mcat 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

您可以使用特定于打印的 CSS 样式表并隐藏除您想要打印的内容之外的所有内容。

<div class="no-print">I won't print</div><div class="something-else">I will!</div>

只有 no-print 类将被隐藏，但任何带有打印类的东西都会显示。

 <style type="text/css" media="print">
   .no-print { display: none; }
</style>

原文由 ashurexm 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

如果您熟悉 jQuery，则可以像这样使用 jQuery Print Element 插件：

 $('SelectorToPrint').printElement();

原文由 Ravan Scafi 发布，翻译遵循 CC BY-SA 3.0 许可协议