Heim >Web-Frontend >js-Tutorial >Wie kann ich den Inhalt eines DIV-Elements einfach in JavaScript drucken?
DIV-Inhalte ganz einfach drucken
Das Drucken des Inhalts eines DIV ist eine häufige Aufgabe bei der Webentwicklung. Hier ist eine effektive Lösung für diese Herausforderung:
Lösung:
Die bereitgestellte JavaScript-Funktion PrintElem bietet einen umfassenden Ansatz zum Drucken von DIV-Inhalten mit geringfügigen Modifikationen für eine verbesserte Kompatibilität mit moderne Browser mögen Chrome:
function PrintElem(elem) { // Open a new window for printing var mywindow = window.open('', 'PRINT', 'height=400,width=600'); // Write HTML structure to the new window mywindow.document.write(`<html><head><title>` + document.title + `</title></head>`); mywindow.document.write('<body >'); mywindow.document.write('<h1>' + document.title + '</h1>'); // Insert the DIV's innerHTML into the new window mywindow.document.write(document.getElementById(elem).innerHTML); // Complete the HTML structure and close the window mywindow.document.write('</body></html>'); mywindow.document.close(); // Essential for IE >= 10 // Focus and print the window mywindow.focus(); mywindow.print(); mywindow.close(); return true; }
Verwendung:
Um den Inhalt eines DIV mit der ID „myDiv“ zu drucken, rufen Sie einfach die PrintElem-Funktion wie folgt auf:
PrintElem('myDiv');
Das obige ist der detaillierte Inhalt vonWie kann ich den Inhalt eines DIV-Elements einfach in JavaScript drucken?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!