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
Lepaskan: 2024-12-05 14:11:11
asal
678 orang telah melayarinya

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;
}
Salin selepas log masuk

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

PrintElem('myDiv');
Salin selepas log masuk

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!

sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan