Javascript 打印带有样式和内容的Div

在这里，div包含一个文本框和glyphicon，文本框值将在页面加载时动态加载。现在我需要打印该Div及其样式属性和文本框内容

HTML代码如下：

$（文档）.ready（函数（）{
document.getElementById（“text1”）.value=“Johnny Bravo”；
});
$（函数（）{
$（“#btnPrint”）。单击（函数（）{
var contents=$（“#一”）.html（）；
变量frame1=$（''）；
frame1[0]。name=“frame1”；
frame1.css（{“位置”：“绝对”，“顶部”：“-1000000px”}）；
$（“正文”）。追加（第1帧）；
var frameDoc=frame1[0]。contentWindow？frame1[0]。contentWindow:frame1[0]。contentDocument.document？frame1[0]。contentDocument.document:frame1[0]。contentDocument；
frameDoc.document.open（）；
frameDoc.document.write（‘检查表’）；
frameDoc.document.write（“”）；
frameDoc.document.write（“”）；
var source='bootstrap.min.js'；
var script=document.createElement（'script'）；
setAttribute（'type'，'text/javascript'）；
script.setAttribute（'src'，source）；
frameDoc.document.write（内容）；
frameDoc.document.write（“”）；
frameDoc.document.close（）；
setTimeout（函数（）{
window.frames[“frame1”].focus（）；
window.frames[“frame1”].print（）；
框架1.移除（）；
}, 500);
});
});