[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
클래스가 지정된 요소는 프린트에서 숨기도록 설정하는 방법을 보여줍니다.
이러한 방법은 웹 페이지의 특정 부분만을 프린트하는 응용프로그램 또는 페이지에 유용하게 사용할 수 있습니다.
더 자세한 내용은 다음 레퍼런스를 참고하세요: