2026, 새로운 도약을 시작합니다.

자바스크립트 div 특정부분 인쇄하기!

안녕하세요 개발자 korean leo 입니다 
프린트 출력을 해야하는 입장에 있었는데 좋은 코드를 찾아 여기에 공유합니다!

<script>

function content_print(){

     var initBody = document.body.innerHTML;

     window.onbeforeprint = function(){

         document.body.innerHTML = document.getElementById('선택될 div id').innerHTML;

     }

     window.onafterprint = function(){

         document.body.innerHTML = initBody;

     }

     window.print();    

 }           

 </script>


 

<!-- =============================================================================================== -->

<div id="content">

내용 content_1

</div>

<div id="content_2">

내용 content_2

</div>

<input type="button" value="print" onclick="javascript:content_print();">

<!-- ================================================================================================ -->

<!-- 선택될 div id  이부분에 div id 를 삽입하면 된다.

print 버튼을 누르면 지정된 div 안의 내용이 프린트 된다. -->


 

출처: https://mkwilson.tistory.com/64 [wilson's story] //이곳에서 봤습니다! sir 에도 올리고 싶어서 퍼왓습니다

http://koreanleo.com/bbs/board.php?bo_table=javascript&wr_id=5 
//여기는 제가 따로 제작하고있는 저의 공부사이트입니다^.,^

|

댓글 6개

감사합니다.
감사합니다~~^^*
^.,^ 이쁜사이트 만드세요

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

그누보드5 팁자료실

번호 제목 글쓴이 날짜 조회
공지 3년 전 조회 4,598
2741 3일 전 조회 122
2740 5일 전 조회 109
2739 1주 전 조회 210
2738 1주 전 조회 218
2737 1주 전 조회 181
2736 1주 전 조회 281
2735 3주 전 조회 284
2734 3주 전 조회 263
2733 1개월 전 조회 265
2732 1개월 전 조회 301
2731 1개월 전 조회 268
2730 1개월 전 조회 227
2729 1개월 전 조회 357
2728 1개월 전 조회 245
2727 1개월 전 조회 422
2726 1개월 전 조회 256
2725 1개월 전 조회 332
2724 1개월 전 조회 361
2723 1개월 전 조회 267
2722 1개월 전 조회 300
2721 1개월 전 조회 212
2720 2개월 전 조회 304
2719 2개월 전 조회 307
2718 2개월 전 조회 202
2717 2개월 전 조회 337
2716 2개월 전 조회 202
2715 2개월 전 조회 312
2714 2개월 전 조회 273
2713 2개월 전 조회 376
2712 2개월 전 조회 289
🐛 버그신고