首頁 >web前端 >js教程 >如何列印網頁上特定DIV元素的內容?

如何列印網頁上特定DIV元素的內容?

DDD
DDD原創
2024-12-05 14:11:11679瀏覽

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

列印 DIV 的內容

處理網頁時,有時您可能需要擷取並列印特定 DIV 中的內容。讓我們深入研究實現此目的的最佳方法。

要有效列印 DIV 的內容,請考慮使用以下函數:

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

要使用此函數,您需要呼叫它將要列印的 DIV 的 ID 作為參數。例如:

PrintElem('myDiv');

此函數將開啟一個新的瀏覽器窗口,其中包含文件的標題,後面跟著 DIV 的標題。然後 DIV 的內容會在新視窗中列印。

以上是如何列印網頁上特定DIV元素的內容?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn