Heim > Artikel > Web-Frontend > ✨ Einfacher Trick zum Drucken eines Div
@media print { body { visibility: hidden; } }
@media print { #section-to-print { top: 0; left: 0; position: absolute; visibility: visible; } }
Dann ausdrucken
const button = document.querySelector('print-page'); button.addEventListener('click', () => window.print());
Diese Methode vermeidet die Gefahr, dass die Interaktivität verloren geht. Andere Methoden ersetzen den gesamten Seiteninhalt durch den statischen HTML-Code und verlieren dadurch die Interaktivität.
const printContents = document.getElementById(divId).innerHTML; const originalContents = document.body.innerHTML; document.body.innerHTML = printContents; window.print(); document.body.innerHTML = originalContents;
Das obige ist der detaillierte Inhalt von✨ Einfacher Trick zum Drucken eines Div. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!