Kopieren Sie den Inhalt des Div in einen neuen Iframe

Question

Letztendlich versuche ich eine Technik zum Drucken eines bestimmten Div, aber ich bleibe bei diesem Teil der Frage hängen. Ich habe Code, der von einem Div in einen neuen Iframe kopiert werden soll: 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();
        });
    };

PHP8, ich komme auch

Lernen Sie das Website-Layout in 30 Minuten

Shangguan Oracle Video-Tutorial für Anfänger bis Fortgeschrittene

Ihre erste Zeile UNI-APP-Code

Flattern Sie von Grund auf bis zum App-Start

Brother Lian Neues Linux-Video-Tutorial

AXURE 9 Video-Tutorial (geeignet für die interaktive Produktdesign-Benutzeroberfläche von Product Manager)

Zero Basic Proficiency PS-Video-Tutorial

16-tägiges UI-Video-Tutorial für den Einstieg

PS-Techniken und Slicing-Techniken-Video-Tutorial

Video-Tutorial zum Bau und zur Projekteinführung der Alibaba Cloud-Umgebung

Überblick über Computernetzwerke – Grundkenntnisse, die Programmierer beherrschen müssen

Grundlegendes Tutorial für Programmierer – Erklärung des HTTP-Protokolls

Websocket-Video-Tutorial