js打印html制定div的内容

原创已于 2024-10-07 10:18:31 修改 · 336 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #html

于 2024-10-07 10:18:03 首次发布

js打印html制定div的内容，看清楚哈，是div

要打印的内容

<div id="print-content">
                              <!-- 这里是需要打印的内容 -->
                                <p>联系人：55</p>
                                <p>手机号 ：66</p>
                                <p>详细地址： 44</p>
                            </div>

   <script>
                                  function printDiv() {
                                    var printContents = document.getElementById("print-content").innerHTML;
                                    var originalContents = document.body.innerHTML;
                                    document.body.innerHTML = printContents;
                                    window.print();
                                    document.body.innerHTML = originalContents;
                                  }
                                </script>

打印按钮

<button onclick="printDiv()">打印</button>