將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)我來回復