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();