JavaScript如何打印指示的div

JavaScript如何打印指示的div

这是一个通用的解决方案， 仅 使用 CSS ，我已经验证可以使用。

@media print {  body * {    visibility: hidden;  }  #section-to-print, #section-to-print * {    visibility: visible;  }  #section-to-print {    position: absolute;    left: 0;    top: 0;  }}

替代方法不是很好。使用

display

是棘手的，因为如果有任何元素，

display:none

则任何后代都不会显示。要使用它，您必须更改页面的结构。

使用

visibility

可以更好地工作，因为您可以打开后代的可见性。尽管看不见的元素仍然会影响布局，所以我移到

section-to-print

左上方，以使其正确打印。