详解怎么使用JavaScript打印div元素的内容

在上一篇《教大家在JavaScript中以不同的方式声明变量》中给大家介绍了怎么在JavaScript中以不同的方式声明变量，感兴趣的朋友可以了解学习一下~

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

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

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

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

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

      
  
 
PHP中文网
 
 这是在div中，点击按钮后则会显示打印。 
 
   

点击按钮前的效果如下：

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

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

      
   
 
PHP中文网
 
 
 
姓名
 
分数
 
 
 
张三
 
110
 
 
 
 
 表格在div中，点击按钮就会打印出来。 
    

点击按钮前的效果如下：

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

最后给大家推荐《JavaScript基础教程》~欢迎大家学习~

Atas ialah kandungan terperinci 详解怎么使用JavaScript打印div元素的内容. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!