html window.print()实现打印指定内容指定内容，并排除需要忽略的内容

本次灵感来源于用window.print()打印指定div里面的内容 - 竹影青瞳

登录后复制

function printPage() {
  // 获取需要打印的内容
  let cardBodyContent = document.getElementsByClassName('layui-card-body')[0].innerHTML;

  // 排除需要忽略的内容
  let formContent = document.getElementsByClassName('layui-form');
  if (formContent.length > 0) {
    let formInnerHtml = formContent[0].innerHTML;
    cardBodyContent = cardBodyContent.replace(formInnerHtml, '');
  }

  // 将需要打印的内容设置为 body 的新内容
  document.body.innerHTML = cardBodyContent;

  // 执行打印
  window.print();

  // 刷新页面
  location.reload();
}

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.
• 11.
• 12.
• 13.
• 14.
• 15.
• 16.
• 17.
• 18.
• 19.
• 20.

原创作者: u_16864187 转载于: https://blog.51cto.com/u_16864187/11761052