Maison >interface Web >js tutoriel >Comment puis-je imprimer facilement le contenu d'un élément DIV en JavaScript ?

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

Linda Hamiltonoriginal: 2024-12-15 08:14:12994parcourir

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;
}

Utilisation :

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

PrintElem('myDiv');

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

JavaScript chrome print for function this

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Comment supprimer un élément d'un tableau JavaScript par sa valeur ?Article suivant：Comment supprimer un élément d'un tableau JavaScript par sa valeur ?

Articles Liés

Voir plus