JavaScript怎么打印div元素的内容

本篇内容主要讲解“JavaScript怎么打印div元素的内容”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“JavaScript怎么打印div元素的内容”吧!

创新互联是一个技术型专业网络公司,致力于为广大企业、创业者打造切实有效的PC站、WAP站、APP站点等企业网站。无论是企业宣传的成都全网营销、致力于营销的电商网站、内容资讯分享的分类信息网站或其他类型网站,我们都从网站前期定位分析策划、技术架构,到网站界面设计、创意表现、站点架构搭建以及后续访问监控、维护、网站托管运营反馈建议等提供整套服务。

本文的主要内容则是教大家怎么使用JavaScript打印div元素的内容!

那么要在 JavaScript 中打印 div 的内容,我们需要整理好实现的思路:

首先将 div 的内容存储在 JavaScript 变量中;然后单击打印按钮,提取 HTML div 元素的内容;然后创建一个 JavaScript 弹出窗口,并将提取的 HTML div 元素的内容写入弹出窗口;最后使用 JavaScript 窗口打印命令打印该窗口。

下面我们就通过两种方法来实现:

第一种方法:本示例使用 JavaScript 窗口打印命令打印 div 元素的内容




    
    
    





    

创新互联

    

        这是在div中,点击按钮后则会显示打印。     

点击按钮前的效果如下:

JavaScript怎么打印div元素的内容

接着我们点击“点击打印”按钮,出现如下图:

JavaScript怎么打印div元素的内容

第二种方法:本示例使用 JavaScript 窗口打印命令打印 div 元素的内容




    
    
    


             

创新互联

                                      姓名                 分数                                           张三                 110                           
    

        表格在div中,点击按钮就会打印出来。     

    

点击按钮前的效果如下:

JavaScript怎么打印div元素的内容

点击“点击打印”按钮后的效果,则如下所示:

JavaScript怎么打印div元素的内容

到此,相信大家对“JavaScript怎么打印div元素的内容”有了更深的了解,不妨来实际操作一番吧!这里是创新互联网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!


分享标题:JavaScript怎么打印div元素的内容
分享路径:http://scyanting.com/article/gegech.html

其他资讯