在 iframe 上復制 HTML 元素並打印

Question

我想將我的 html 的一部分復制到 iframe 上進行打印。 所以使用 VueJs 我做了這個代碼。

  Print:function(){
            var element = document.getElementById('content'); 
            printf.document.body.innerHTML = element;
            window.frames["printf"].focus();
            window.frames["printf"].print();
            },

結果是 iframe 帶有： [object HTMLElement] 。 但是當我做一個像這樣的簡單測試時：

 Print:function(){
            var element = 'TEST'; 
            printf.document.body.innerHTML = element;
            window.frames["printf"].focus();
            window.frames["printf"].print();
            },

A 得到了一個可打印的 iframe 並進行了測試

我的content元素很復雜，包含完整的 css、表格、圖片等。任何方向？ 謝謝 ！

Answer 1

printf.document.body.innerHTML = element應該是printf.document.body.innerHTML = element.innerHTML

我認為。 但你可能真的想使用.outerHTML