javascript - 如何使用JavaScript打印div上的内容？

Question

我想使用 print() 函数打印 <div class="pagecontent"></div> 的内容

我知道你可以做类似 onClick="window.print()" 的事情但这会打印整个窗口...我只想要 .pagecontent 的内容待打印。

我可以使用 JavaScript 或 jQuery 执行此操作的最简单方法是什么？

Answer 1

最简单的方法是定义适用于@media=print 的样式表。它基本上是这样的:

* { 
   display: none;  /* hide all elements when printing */
}

.pageContent {
   display: block; /* make any class="pageContent" elements visible while printing */
}

当然，这会使 pageContent 元素可见，但其中的任何内容在 * 规则中仍然是不可见的。您必须尝试使用​​它并仅列出应该隐藏的顶级元素。