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

加油，小孟

已于 2024-02-06 15:27:43 修改

阅读量779

点赞数 5

文章标签：前端 javascript html

于 2024-02-01 15:38:43 首次发布

本文链接：https://blog.csdn.net/m0_69423937/article/details/135975443

版权

本次灵感来源于用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();
}