div의 내용을 새 iframe에 복사합니다.
<p>궁극적으로 특정 <code>div</code>를 인쇄하는 기술을 시도하고 있지만 질문의 이 부분에서 막혔습니다. </p>
<p><code>div</code>에서 새 <code>iframe</code>로 복사해야 하는 코드가 있습니다. </p>
<pre class="brush:js;toolbar:false;">var iframe = document.createElement('iframe');
var div = document.querySelector('div#sidebar');
var 콘텐츠 = div.innerHTML;
iframe.srcdoc = `<!DOCTYPE html><html><head></head><body>${content}</body></html>`;
document.body.append(iframe);
iframe.contentWindow.print();
</pre>
<p>SO 페이지의 개발자 도구에서 이 작업을 시도했습니다(<code>div#sidebar</code>를 사용해 볼 수 있습니다). </p>
<p>이 작업을 수행하려면 문서에 <code>iframe</code>을 추가해야 한다는 것을 알았습니다. 그렇지 않으면 <code>.contentWindow</code> 속성은 <code>null</code>입니다. </p>
<p>코드는 어느 정도 작동하는 것 같지만 <code>iframe</code>이 비어 있거나 비어 있는 것 같습니다. 최종 인쇄물은 비어 있습니다. </p>
<p>복사된 콘텐츠로 새로운 <code>iframe</code>을 만드는 데 도움이 되는 정보가 있나요? </p>
