Programming/JavaScript

[JavaScript] 원하는 영역 프린트하기

통통만두 2022. 8. 11. 21:33
반응형
onPrint() {
    const html = document.querySelector('html');
    const printContents = document.querySelector('.modal-body').innerHTML;
    const printDiv = document.createElement("DIV");
    printDiv.className = "print-div";

    html.appendChild(printDiv);
    printDiv.innerHTML = printContents;
    document.body.style.display = 'none';
    window.print();
    document.body.style.display = 'block';
    printDiv.style.display = 'none';
}

JavaScript 로 원하는 영역 프린트하기입니다. 위처럼 프린트하는 function을 만들어두고 호출하면 됩니다. 위의 소스처럼 하고 실행하면 원하는 영역을 프린트할 수 있는 인쇄 설정이 나오게 됩니다.

반응형