title: set style in dynamically loaded iframe
body: <p>I want to convert:</p>
  
  <pre><code>&lt;iframe src="http://www.example.com" width="0" height="0" style="visibility:hidden;display:none"&gt;&lt;/iframe&gt;
  </code></pre>
  
  <p>Into loading it dynamically with javascript, my code so far is:</p>
  
  <pre><code>var iframe = document.createElement('iframe');
  iframe.src = 'http://www.example.com';
  iframe.width = '0';
  iframe.height = '0';
  document.body.appendChild(iframe);
  </code></pre>
  
  <p>But once that loads, a little box is visible, i tried adding:</p>
  
  <pre><code>iframe.style = 'visibility:hidden;display:none';
  </code></pre>
  
  <p>But that had no effect, does anyone know how to do this (without JQuery)?
  Thanks.</p>