如何仅打印选定的HTML元素？ [英] How to print only a selected HTML element?

问题描述

我试图在HTML中实现打印功能。我知道我可以使用 window.print（）打印整个页面，但是如何只打印特定页面元素？例如，一个特定的< DIV>一些要打印的文本< / DIV> 。 div>

您可以使用特定于打印的CSS样式表并隐藏所有内容，但您想要打印的内容。 $ b < div class =no -print>我不会打印< / div>< div class =something-else>我会！< / div>

仅隐藏 no-print 类，但是任何带有打印类的东西都会显示出来。

 < style type =text / cssmedia =print> 
 .no-print {display：none; } 
< / style> 
  

I am trying to implement a print feature in HTML. I know I can print the whole page with window.print(), but how do I print only a specific page element? For example a particular <DIV>Some text to print</DIV>.

解决方案

You could use a print specific CSS stylesheet and hide everything but what you want printed.

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

Just the no-print class will be hidden, but anything with a print class will show.

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

这篇关于如何仅打印选定的HTML元素？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！