Heim > Web-Frontend > js-Tutorial > Wie kann ich den Inhalt eines bestimmten DIV-Elements auf einer Webseite drucken?

Wie kann ich den Inhalt eines bestimmten DIV-Elements auf einer Webseite drucken?

DDD
Freigeben: 2024-12-05 14:11:11
Original
674 Leute haben es durchsucht

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

Den Inhalt eines DIV drucken

Beim Umgang mit Webseiten kann es vorkommen, dass Sie den Inhalt innerhalb eines bestimmten DIV extrahieren und drucken müssen. Lassen Sie uns untersuchen, wie Sie dies am besten erreichen können.

Um den Inhalt eines DIV effektiv zu drucken, sollten Sie die Verwendung der folgenden Funktion in Betracht ziehen:

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;
}
Nach dem Login kopieren

Um diese Funktion zu verwenden, müssen Sie sie aufrufen mit der ID des DIV, das Sie ausgeben möchten, als Argument. Zum Beispiel:

PrintElem('myDiv');
Nach dem Login kopieren

Diese Funktion öffnet ein neues Browserfenster mit dem Titel Ihres Dokuments, gefolgt vom Titel des DIV. Der Inhalt des DIV wird dann im neuen Fenster gedruckt.

Das obige ist der detaillierte Inhalt vonWie kann ich den Inhalt eines bestimmten DIV-Elements auf einer Webseite drucken?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage