Bagaimanakah Saya Boleh Mencetak Kandungan Elemen DIV dalam JavaScript dengan Mudah?-tutorial js-php.cn

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

Linda Hamilton

Lepaskan： 2024-12-15 08:14:12

asal

991 orang telah melayarinya

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;
}

Salin selepas log masuk

Penggunaan:

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

PrintElem('myDiv');

Salin selepas log masuk

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!