有没有办法打印特定DIV的内容

Question

我有一个Pape宽度不同的DIV和一个PRINT链接。 我希望如果用户点击打印链接应该 特定的DIV不会打印整页。

Answer 1

我认为你可以使用CSS，如下：

@media print {
  body * {
    display:none;
  }

  #divToPrint {
    display:block;
  }
}

但我不认为所有浏览器都支持此功能。另一种方法是在新窗口中打开DIV的内容，然后打印该窗口。

Answer 2

使用print media stylesheets将其他所有内容设置为display: none（您需要构建标记，使得您想要打印的内容不是您想要打印的内容的后代）。

在div元素上切换类名以选择要打印的类名。