Comment puis-je imprimer facilement le contenu d'un élément DIV en JavaScript ?-js tutoriel-php.cn

Comment puis-je imprimer facilement le contenu d'un élément DIV en JavaScript ?

Linda Hamilton

Libérer： 2024-12-15 08:14:12

original

1063 Les gens l'ont consulté

How Can I Easily Print the Content of a DIV Element in JavaScript?

Imprimer facilement du contenu DIV

L'impression du contenu d'un DIV est une tâche courante rencontrée dans le développement Web. Voici une solution efficace à ce défi :

Solution :

La fonction JavaScript fournie, PrintElem, offre une approche complète de l'impression de contenu DIV avec de légères modifications pour une compatibilité améliorée avec navigateurs modernes comme 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;
}

Copier après la connexion

Utilisation :

Pour imprimez le contenu d'un DIV avec l'identifiant "myDiv", appelez simplement la fonction PrintElem comme suit :