javascript - 打印特定的 div

Question

我有一个 div，其中包含：文本、背景颜色、图像

我只想打印这个 div。

我有点无能为力，所以任何帮助都可以帮助

谢谢。

Answer 1

您需要定义一个打印样式表。您可以通过以下方式执行此操作：

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

在该表中，您指定如何为打印页面显示您的网站。因此，您可以做的是将每个元素设置为display:none除了您要打印的 div 之外。

您可以使用以下选择器轻松完成此操作：

* {
    display: none;
}

#printDiv {
    display: block;
}

并简单地将 idprintDiv应用于您要打印的 div。

Answer 2

你试过什么？

也许这有帮助：

您需要创建新的样式表 print.css 并设置CSS media=print

例如 ：

<style media="screen">
  .noPrint{ display: block; }
  .yesPrint{ display: block !important; }
</style>

<style media="print">
  .noPrint{ display: none; }
  .yesPrint{ display: block !important; }
</style>

给特定的 div.yesPrint类和所有其他的.noPrint.

Answer 3

我最近使用这个 JQuery 插件来做类似的事情

http://projects.erikzaadi.com/jQueryPlugins/jQuery.printElement/