[javascript] 프린트 시에 자바스크립트로 웹 페이지의 특정 요소를 선택하여 출력하는 방법

웹 페이지에서 자바스크립트를 사용하여 특정 요소를 선택하고 인쇄하려면 코드에서 다음 단계를 수행할 수 있습니다.

요소 선택

const elementToPrint = document.getElementById('elementId');

위의 코드에서 getElementById 메서드는 지정된 ID를 가진 요소를 가져옵니다.

프린트

function printElement(element) {
  let printWindow = window.open('', '', 'width=600,height=600');
  printWindow.document.write('<html><head><title>Print</title></head><body>');
  printWindow.document.write(element.innerHTML);
  printWindow.document.write('</body></html>');
  printWindow.document.close();
  printWindow.print();
}

위의 코드는 새 창을 열어 특정 요소를 해당 창에 출력한 후 프린트 다이얼로그를 열어줍니다.

사용 예

printElement(elementToPrint);

자바스크립트를 사용하면 웹 페이지의 특정 요소를 선택하여 프린트할 수 있으므로 사용자가 필요한 내용만을 출력할 수 있습니다.

이 방법을 사용하면 웹 페이지에서 인쇄할 때 유용하게 활용할 수 있습니다.

참고 자료