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

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

DDD
發布: 2024-12-05 14:11:11
原創
678 人瀏覽過

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中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板