原生js打印指定节点元素

很简单（可粘贴至txt文档后改后缀为html打开看效果）：

<!doctype html>
<html lang="en">
<head><meta charset="utf-8"><title>打印</title><meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body><div><span style="color:red">这里不打印 ！！！</span>
</div><div id="printDiv"><span style="color:green">打印这里！！</span>
</div>
<button onclick="print()">打印</button><script>function print(){// 设置要打印内容的 id: printDivconst WindowPrt = window.open('', '打印', 'width=' + (screen.availWidth - 10) + ',height=' + (screen.availHeight - 50) + ',left=0,top=0,location=0,menubar=0,toolbar=0,scrollbars=0,status=0'); // 裸全屏WindowPrt.document.head.innerHTML = window.document.head.innerHTML // 加入当前所有头 - 以防样式丢失WindowPrt.document.body.innerHTML = document.getElementById('printDiv').innerHTML; // 载入指定bodyWindowPrt.print() // 调用打印WindowPrt.close() // 自动等待print结束后执行}
</script></body>
</html>

将此方法放在主页，传入参数，实现公用（用原生onclick()事件调用）：

<script>// 打印var rootPrint = function (elId) {// 设置要打印内容的 id: elIdconst WindowPrt = window.open('', '打印', 'width=' + (screen.availWidth - 10) + ',height=' + (screen.availHeight - 50) + ',left=0,top=0,location=0,menubar=0,toolbar=0,scrollbars=0,status=0'); // 裸全屏WindowPrt.document.head.innerHTML = window.document.head.innerHTML // 加入当前所有头 - 以防样式丢失WindowPrt.document.body.innerHTML = document.getElementById(elId).innerHTML; // 载入指定bodyWindowPrt.print() // 调用打印WindowPrt.close() // 自动等待print结束后执行}</script>