本篇内容主要讲解“JavaScript怎么打印div元素的内容”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“JavaScript怎么打印div元素的内容”吧!
创新互联是一个技术型专业网络公司,致力于为广大企业、创业者打造切实有效的PC站、WAP站、APP站点等企业网站。无论是企业宣传的成都全网营销、致力于营销的电商网站、内容资讯分享的分类信息网站或其他类型网站,我们都从网站前期定位分析策划、技术架构,到网站界面设计、创意表现、站点架构搭建以及后续访问监控、维护、网站托管运营反馈建议等提供整套服务。
本文的主要内容则是教大家怎么使用JavaScript打印div元素的内容!
那么要在 JavaScript 中打印 div 的内容,我们需要整理好实现的思路:
首先将 div 的内容存储在 JavaScript 变量中;然后单击打印按钮,提取 HTML div 元素的内容;然后创建一个 JavaScript 弹出窗口,并将提取的 HTML div 元素的内容写入弹出窗口;最后使用 JavaScript 窗口打印命令打印该窗口。
下面我们就通过两种方法来实现:
第一种方法:本示例使用 JavaScript 窗口打印命令打印 div 元素的内容
创新互联
这是在div中,点击按钮后则会显示打印。
点击按钮前的效果如下:
接着我们点击“点击打印”按钮,出现如下图:
第二种方法:本示例使用 JavaScript 窗口打印命令打印 div 元素的内容
创新互联
姓名 分数 张三 110 表格在div中,点击按钮就会打印出来。
点击按钮前的效果如下:
点击“点击打印”按钮后的效果,则如下所示:
到此,相信大家对“JavaScript怎么打印div元素的内容”有了更深的了解,不妨来实际操作一番吧!这里是创新互联网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!