javascript - 如何只打印 DIV 内的一个区域

Question

我有一个带有顶部导航区域、侧面导航区域、控制按钮区域和中间某处的id="content"包含内容的 DIV 的页面。

我希望能够只打印该 DIV 的内容。我意识到我有很多行代码使我的其他区域不可见并调整所有内容的大小，但是还有其他选择吗？有什么方法可以打印 DIV 的内容吗？

Answer 1

看看使用媒体类型- 特别是@media print- 在您的 CSS 中指定仅适用于打印的样式。

这样，您可以编写一个样式表来隐藏除“DIV 内的区域”之外的所有内容。

Answer 2

使用 css 打印样式表，将 display:none 放在您不想打印的字段中。像这样使用标签链接：

链接 rel="stylesheet" type="text/css" media="print" href="print.css"

或@媒体打印{

BODY { font-size: 10pt }

}