将div中的内容复制到一个新的iframe中

Question

最终我正在尝试一种打印特定div的技术，但我在这个问题的这一部分遇到了困难。我有一些代码，应该从一个div复制到一个新的iframe：variframe=document.createElement('iframe');vardiv=document.querySelector('div#sidebar');varcontent=div.innerHTML;iframe.srcdoc=`${con

P粉306523969 · Answer

好的，我有一个答案。我应该更加了解，因为我刚刚完成了一个类似主题的教学。

代码是有效的，但是它运行得太早了。我需要等待文档加载完成。

这是一个可行的版本：

var iframe = document.createElement('iframe');
var div = document.querySelector('div#sidebar');
var content = div.innerHTML;
iframe.srcdoc = `${content}`;

document.body.append(iframe);

//  等待iframe加载完成：
    iframe.onload = () => {
        iframe.contentWindow.print();
        iframe.contentWindow.addEventListener('afterprint', event => {
            iframe.remove();
        });
    };

将div中的内容复制到一个新的iframe中

全部回复(1)我来回复