>웹 프론트엔드 >JS 튜토리얼 >웹 페이지에서 특정 DIV 요소의 내용을 어떻게 인쇄할 수 있습니까?

웹 페이지에서 특정 DIV 요소의 내용을 어떻게 인쇄할 수 있습니까?

DDD
DDD원래의
2024-12-05 14:11:11679검색

How Can I Print the Content of a Specific DIV Element on a Web Page?

DIV 콘텐츠 인쇄

웹 페이지를 처리할 때 특정 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의 내용이 새 창에 인쇄됩니다.

위 내용은 웹 페이지에서 특정 DIV 요소의 내용을 어떻게 인쇄할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.