有沒有辦法打印特定DIV的內容

Question

我有一個Pape寬度不同的DIV和一個PRINT鏈接。 我希望如果用戶單擊“打印”鏈接，則應打印特定的DIV而不是整個頁面。

Answer 1

我認為您可以使用CSS，如下所示：

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

  #divToPrint {
    display:block;
  }
}

但我認為並非所有瀏覽器都支持此功能。 替代方法是在新窗口中打開DIV的內容，然后打印該窗口。

Answer 2

使用印刷媒體樣式表來設置要display: none所有其他內容display: none 印刷 （您需要以這樣的方式構造標記：要印刷的任何東西都不是要印刷的東西的后代）。

在div元素上切換類名稱，以選擇要打印的類名稱。