document.body.innerHTML 旁边的其他选项

Question

这是我的代码

  const printDiv = () => {
    const printContents = document.getElementById('id').innerHTML;
    const originalContents = document.body.innerHTML;
    document.body.innerHTML = printContents;
    window.print();
    document.body.innerHTML = originalContents;

    return false;
  };

我知道当我使用 innerHTML 时，我会在一个元素中为我提供 HTML 的字符串表示，所以我无法处理按钮或类似的东西。

实际上，我可以通过重新加载来处理它，但最好的方法是什么？有没有不重新加载的选项让我回到同一页面？

Answer 1

const printContents = document.getElementById('id')
const win = window.open();
win.document.title ="some title";
win.document.body.innerHTML = printContents.innerHTML;

/* if content contains images that needs loading*/
const images = win.document.getElementsByTagName('img');
/*wait for them to load*/

win.print();