cari

Rumah >hujung hadapan web >tutorial js >Bagaimanakah Saya Boleh Mencetak Kandungan Elemen DIV Tertentu pada Halaman Web?

Bagaimanakah Saya Boleh Mencetak Kandungan Elemen DIV Tertentu pada Halaman Web?

DDD
DDDasal
2024-12-05 14:11:11678semak imbas

How Can I Print the Content of a Specific DIV Element on a Web Page?

Mencetak Kandungan DIV

Apabila berurusan dengan halaman web, terdapat keadaan di mana anda mungkin perlu mengekstrak dan mencetak kandungan dalam DIV tertentu. Mari kita mendalami cara terbaik untuk mencapai matlamat ini.

Untuk mencetak kandungan DIV dengan berkesan, pertimbangkan untuk menggunakan fungsi berikut:

function PrintElem(elem) {
    var mywindow = window.open('', 'PRINT', 'height=400,width=600');

    mywindow.document.write('<html><head><title>' + document.title + '</title>');
    mywindow.document.write('</head><body >');
    mywindow.document.write('<h1>' + document.title + '</h1>');
    mywindow.document.write(document.getElementById(elem).innerHTML);
    mywindow.document.write('</body></html>');

    mywindow.document.close(); // necessary for IE >= 10
    mywindow.focus(); // necessary for IE >= 10*/

    mywindow.print();
    mywindow.close();

    return true;
}

Untuk menggunakan fungsi ini, anda perlu memanggilnya dengan ID DIV yang anda mahu cetak sebagai hujah. Contohnya:

PrintElem('myDiv');

Fungsi ini membuka tetingkap penyemak imbas baharu dengan tajuk dokumen anda, diikuti dengan tajuk DIV. Kandungan DIV kemudiannya dicetak dalam tetingkap baharu.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mencetak Kandungan Elemen DIV Tertentu pada Halaman Web?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

print for using 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：Bagaimanakah Saya Boleh Memanggil Kacang Terurus JSF daripada Acara HTML DOM Menggunakan JavaScript?Artikel seterusnya：Bagaimanakah Saya Boleh Memanggil Kacang Terurus JSF daripada Acara HTML DOM Menggunakan JavaScript?

Artikel berkaitan

Lihat lagi