ホームページ >ウェブフロントエンド >jsチュートリアル >Web ページ上の特定の DIV 要素のコンテンツを印刷するにはどうすればよいですか?
Web ページ上の特定の DIV 要素のコンテンツを印刷するにはどうすればよいですか?
- DDDオリジナル
- 2024-12-05 14:11:11675ブラウズ
DIV のコンテンツの印刷
Web ページを扱う場合、特定の DIV 内のコンテンツを抽出して印刷する必要がある場合があります。これを達成するための最良の方法を詳しく見てみましょう。
DIV の内容を効果的に出力するには、次の関数の使用を検討してください:
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;
}
この関数を使用するには、それを呼び出す必要があります。出力する DIV の ID を引数として指定します。例:
PrintElem('myDiv');
この関数は、ドキュメントのタイトルに続いて DIV のタイトルが表示された新しいブラウザ ウィンドウを開きます。 DIV の内容が新しいウィンドウに出力されます。
以上がWeb ページ上の特定の DIV 要素のコンテンツを印刷するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。