웹 페이지에서 특정 내용을 프린트할 때, 자바스크립트를 사용하여 동적으로 페이지에 텍스트를 추가할 수 있습니다. 이를 통해 프린트하기 전에 원하는 텍스트를 추가하거나 스타일을 변경할 수 있습니다.

1. 웹 페이지에 텍스트 추가하기

먼저, 자바스크립트를 사용하여 웹 페이지에 텍스트를 추가하는 방법은 다음과 같습니다.

// 특정 요소 선택
var targetElement = document.getElementById('target-element-id');

// 텍스트 생성
var newText = document.createTextNode('추가할 텍스트');

// 텍스트를 요소에 추가
targetElement.appendChild(newText);

위의 예시 코드에서, getElementById 메서드를 사용하여 특정 요소를 선택하고, createTextNode 메서비스를 사용하여 새로운 텍스트 노드를 만들어 해당 요소에 추가합니다.

2. 프린트 시 웹 페이지에 추가한 텍스트 출력하기

텍스트를 추가한 후에 다음 함수를 사용하여 프린트할 수 있습니다.

// 프린트 함수
function printPageWithText() {
  window.print(); // 프린트

  // 텍스트 제거
  targetElement.removeChild(newText);
}

위의 예시 코드에서, window.print() 함수를 사용하여 프린트를 시작하고, 원하는 시점에서 removeChild 메서드를 사용하여 추가한 텍스트를 제거합니다.

이제 웹 페이지에 원하는 텍스트를 추가하고 프린트할 수 있습니다.

결론

자바스크립트를 사용하여 프린트 시에 동적으로 웹 페이지에 텍스트를 추가하는 방법을 알아보았습니다. 이를 통해 프린트하기 전에 특정 내용을 추가하거나 조작할 수 있습니다.

참고문헌:

• MDN Web Docs
• MDN Web Docs