title: Copy an HTML element on a iframe and print
body: <p>I would like to copy a part of my html on iframe to print it. so using VueJs i did this code. </p>
  
  <pre><code>  Print:function(){
              var element = document.getElementById('content'); 
              printf.document.body.innerHTML = element;
              window.frames["printf"].focus();
              window.frames["printf"].print();
              },
  </code></pre>
  
  <p>the result is an iframe with : <code>[object HTMLElement]</code>.
  But When i do a simple test like this one :</p>
  
  <pre><code> Print:function(){
              var element = 'TEST'; 
              printf.document.body.innerHTML = element;
              window.frames["printf"].focus();
              window.frames["printf"].print();
              },
  </code></pre>
  
  <p>A got a printable iframe with TEST</p>
  
  <p>My <code>content</code> element is something complicated with full css, tables, pictures etc..  Any orientation ? Thank you !</p>