很简单（可粘贴至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>
如果觉得《原生js打印指定节点元素》对你有帮助，请点赞、收藏，并留下你的观点哦！
