Rumah >hujung hadapan web >tutorial js >Bagaimanakah Saya Boleh Mencetak Kandungan Elemen DIV dalam JavaScript dengan Mudah?

Bagaimanakah Saya Boleh Mencetak Kandungan Elemen DIV dalam JavaScript dengan Mudah?

Linda Hamiltonasal: 2024-12-15 08:14:12992semak imbas

How Can I Easily Print the Content of a DIV Element in JavaScript?

Cetak Kandungan DIV dengan Mudah

Mencetak kandungan DIV ialah tugas biasa yang dihadapi dalam pembangunan web. Berikut ialah penyelesaian yang berkesan untuk cabaran ini:

Penyelesaian:

Fungsi JavaScript yang disediakan, PrintElem, menawarkan pendekatan komprehensif untuk mencetak kandungan DIV dengan sedikit pengubahsuaian untuk keserasian yang dipertingkatkan dengan pelayar moden seperti Chrome:

function PrintElem(elem) {
  // Open a new window for printing
  var mywindow = window.open('', 'PRINT', 'height=400,width=600');

  // Write HTML structure to the new window
  mywindow.document.write(`<html><head><title>` + document.title + `</title></head>`);
  mywindow.document.write('<body >');
  mywindow.document.write('<h1>' + document.title + '</h1>');

  // Insert the DIV's innerHTML into the new window
  mywindow.document.write(document.getElementById(elem).innerHTML);

  // Complete the HTML structure and close the window
  mywindow.document.write('</body></html>');
  mywindow.document.close(); // Essential for IE >= 10

  // Focus and print the window
  mywindow.focus();
  mywindow.print();
  mywindow.close();

  return true;
}

Penggunaan:

Untuk mencetak kandungan DIV dengan id "myDiv", cuma panggil fungsi PrintElem seperti berikut:

PrintElem('myDiv');

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mencetak Kandungan Elemen DIV dalam JavaScript dengan Mudah?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

JavaScript chrome print for function this

Kenyataan：

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel sebelumnya：Bagaimana untuk mengalih keluar Item daripada Tatasusunan JavaScript dengan Nilainya?Artikel seterusnya：Bagaimana untuk mengalih keluar Item daripada Tatasusunan JavaScript dengan Nilainya?

Artikel berkaitan

Lihat lagi