如何打印特定的div区域？

<style>
@media print {
  /* 打印时应用的样式 */
  .print-area {
    font-size: 12pt;
    /* 其他样式设置 */
  }
  /* 隐藏不需要打印的元素 */
  .no-print {
    display: none;
  }
}
</style>

<div class="print-area">
  <!-- 打印内容 -->
</div>
<div class="no-print">
  <!-- 不需要打印的内容 -->
</div>

<button onclick="window.print()">打印</button>

<div id="print-area">
  <!-- 打印内容 -->
</div>

<button onclick="printDiv('print-area')">打印</button>

<script>
function printDiv(divId) {
  var printContents = document.getElementById(divId).innerHTML;
  var originalContents = document.body.innerHTML;

  document.body.innerHTML = printContents;
  window.print();

  document.body.innerHTML = originalContents;
}
</script>