[javascript] 자바스크립트를 사용하여 웹 페이지의 특정 부분만 프린트하는 방법

다음은 그 예시입니다.

function printDiv(divName) {
    var printContents = document.getElementById(divName).innerHTML;
    var originalContents = document.body.innerHTML;

    document.body.innerHTML = printContents;
    window.print();

    document.body.innerHTML = originalContents;
}

이 코드는 printDiv 함수를 사용하여 특정 div 요소의 내용만을 프린트할 수 있습니다. 예를 들어, printDiv('myDiv')를 호출하면 id가 ‘myDiv’인 요소만을 프린트할 수 있습니다.

추가로, @media 쿼리를 사용하여 CSS에서 특정 영역을 프린트할 수도 있습니다. 이것은 프린트 버전의 스타일을 제어하고 특정 부분만을 프린트하는 데 도움이 될 수 있습니다.

@media print {
    .only-print-this {
        display: block;
    }
    .dont-print {
        display: none;
    }
}

위의 CSS 예시에서는 only-print-this 클래스가 지정된 요소만을 프린트하고, dont-print 클래스가 지정된 요소는 프린트에서 숨기도록 설정하는 방법을 보여줍니다.

이러한 방법은 웹 페이지의 특정 부분만을 프린트하는 응용프로그램 또는 페이지에 유용하게 사용할 수 있습니다.

더 자세한 내용은 다음 레퍼런스를 참고하세요: