在动态加载的iframe中设置样式

Question

我想转换：

<iframe src="http://www.example.com" width="0" height="0" style="visibility:hidden;display:none"></iframe>

使用javascript动态加载它，我的代码到目前为止是：

var iframe = document.createElement('iframe');
iframe.src = 'http://www.example.com';
iframe.width = '0';
iframe.height = '0';
document.body.appendChild(iframe);

但是一旦加载，就会看到一个小盒子，我试着添加：

iframe.style = 'visibility:hidden;display:none';

但这没有效果，有没有人知道如何做到这一点（没有JQuery）？ 感谢。

Answer 1

您必须将frameborder设置为0：

var iframe = document.createElement('iframe');
iframe.src = 'http://www.example.com';
iframe.width = '0';
iframe.height = '0';
iframe.frameBorder = '0'; // Add this line
document.body.appendChild(iframe);