javascript - 在 iframe 上复制 HTML 元素并打印

Question

我想在 iframe 上复制我的 html 的一部分来打印它。所以使用 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 通过 TEST 获得了可打印的 iframe

我的content元素很复杂，包含完整的 css、表格、图片等。任何方向？谢谢 ！

标签： javascripthtmlvue.js

Answer 1

printf.document.body.innerHTML = element应该printf.document.body.innerHTML = element.innerHTML

我认为。但你可能真的想使用.outerHTML