如何打印选定的div而不是完整页面

我有两个div： div1和div2 。

维护应用于正在打印的div2元素的原始css样式。

我不想在div1打印内容，只想打印div2的内部。

怎么打印？

Answer 1

试试这个

Answer 2

使用我的以下解决方案，如果您不想打印整页，可以从网页打印特定的div内容。

       
 Div you want to print. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque a quam at nibh adipiscing interdum. Nulla vitae accumsan ante. 
 
 This will not be printed. 
 
 Nor will this. 
    

现场演示

Answer 3

Answer 4

您只能打印整页，而不能打印一页。 因此，有两个选项，您可以将一个元素的内容复制到一个新页面并打印它，或者阻止打印另一个元素。

您可以使用媒体css隐藏打印中的一个元素。 例：

 @media print { .div1 { display: none; } } 

Answer 5

看看jQuery的jqPrint插件： http ：//plugins.jquery.com/project/jqPrint

Answer 6

使用PrintArea jQuery插件打印特定的div内容。 我从这里找到了简单的集成指南 – 如何使用jQuery打印网页的特定区域

您只需要以下代码即可使用PrintArea jQuery插件。

Answer 7

简单的方法

 @media print { body > div { display:none; } body .div { display:block; } } 

Answer 8

你也可以使用jQuery来做到这一点：

Answer 9

 .class-toggle { display: inline-block; } #div1, #div2 { display: none; } 

 function classToggle() { $('#div1').addClass('class-toggle'); } classToggle(); 

然后，您可以使用事件处理程序来处理打印输出的方式和时间。

Answer 10