javascript打印输出,获取div的文本内容
在上一期《教大家在JavaScript中以不同的方式声明变量》中，我介绍了如何用不同的方式在JavaScript中声明变量。感兴趣的朋友可以了解一下~
本文主要内容是教你如何使用JavaScript打印div元素的内容！
所以要用JavaScript打印div的内容，我们需要理清实现的思路：
首先，div的内容存储在JavaScript变量中；然后点击打印按钮，提取HTML div元素的内容；然后创建一个JavaScript弹出窗口，将提取的HTML div元素写入弹出窗口；最后，使用JavaScript窗口打印命令打印窗口。
让我们用两种方法来做：
第一种方法：本示例使用 JavaScript 窗口打印命令打印 div 元素的内容
！声明文档类型
超文本标记语言
头
meta charset=utf-8 /
标题/标题
脚本
函数printDiv() {
var div contents=document . getelementbyid( GFG )。innerHTML
var a=window.open(，， height=500，width=500 )；
a . document . write( html )；
a.document.write(body h1Div内容为br )；
a . document . write(div contents)；
a . document . write(/body/html )；
a.document.close()。
a . print()；
}
/脚本
/头
body style= text-align:center；
div id= GFG style= background-color:# 00a2d 4；
H2PHP中文网/h2
p
这是在div里。点击按钮后，将显示打印。
/p
/div
type= button value= click to print onclick= print div()
/body
/html单击该按钮之前的效果如下：
然后我们点击“点击打印”按钮，出现下图：
第二种方法：本示例使用 JavaScript 窗口打印命令打印 div 元素的内容
！声明文档类型
超文本标记语言
头
meta charset=utf-8 /
标题/标题
脚本
函数printDiv() {
var div contents=document . getelementbyid( GFG )。innerHTML
var a=window.open(，， height=500，width=500 )；
a . document . write( html )；
a.document.write(body h1Div内容为br )；
a . document . write(div contents)；
a . document . write(/body/html )；
a.document.close()。
a . print()；
}
/脚本
/头
身体
中心
div id= GFG style= background-color:# 9 a9 AFB；
H2PHP中文网/h2
表格边框=1px
tr
Td名称/td
Td得分/td
/tr
tr
Td张三/td
td110/td
/tr
/表格
/div
p
在表格div中，单击按钮，它将被打印出来。
/p
Type= button value=单击以打印
onclick=printDiv()
/居中
/body
/html单击该按钮之前的效果如下：
点击“点击打印”按钮后的效果如下：
最后推荐《JavaScript基础教程》 ~欢迎学习~以上是如何用JavaScript打印div元素内容的详细内容。更多请关注我们的其他相关文章！
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。