Berikut adalah beberapa tajuk berasaskan soalan berdasarkan artikel yang disediakan: Umum

Cara Mencetak Kandungan HTML Tertentu dengan Klik Butang

Apabila ingin mencetak kandungan HTML tertentu selepas klik butang, adalah penting untuk mengelakkan daripada mencetak keseluruhan halaman web. Berikut ialah pendekatan yang komprehensif:

Memanfaatkan Pertanyaan Media

Menekankan pertanyaan media untuk cetakan dalam CSS ialah penyelesaian yang bersih:

<code class="css">@media print {
  .noPrint {
    display: none;
  }
}</code>

Ini menyembunyikan elemen dengan kelas "noPrint" semasa mencetak.

Menggunakan Pemilih CSS

Tentukan elemen yang anda mahu cetak dengan pemilih CSS tertentu, seperti:

<code class="html"><h1>
  print me
</h1>
<h1 class="noPrint">
  no print
</h1></code>

Melaksanakan Acara Klik Butang

Lampirkan acara klik pada butang anda untuk memulakan pencetakan:

<code class="html"><button onclick="window.print();" class="noPrint">
  Print Me
</button></code>

Faedah

Kaedah ini berkesan menyembunyikan unsur-unsur yang tidak berkaitan semasa mencetak, mengekalkan kejelasan dan mengelakkan kekacauan. Ia juga mengekalkan penampilan tapak web untuk paparan skrin, meningkatkan pengalaman pengguna.

Atas ialah kandungan terperinci Berikut adalah beberapa tajuk berasaskan soalan berdasarkan artikel yang disediakan: Umum. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!