在 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