IE7下动态创建Iframe时，去除边框

大家都知道，只要设置Iframe的属性：frameborder="0"，Iframe就不显示边框，但是当你使用以下方法时似乎这个属性不起作用：

java 代码

1. this.frame = document.createElement("iframe");   
2. ...   
3. this.frame.setAttribute("frameborder", "0");   
4. ...  

 

Ifram依然显示边框，这是为什么呢，如果你查看一下DOM Inspector 你会发现在IE下面，DOM里面的属性都是大写的，也就是说上面这段代码，在IE里面最后会变成：

java 代码

1. • < IFRAME frameBorder=0...

由于IE认大写的，所以”frameborder“ 它自然不认。

既然知道了为什么，那问题就迎刃而解了，把代码改成：

java 代码

1. • this.frame = document.createElement("iframe");      
   • ...      
   • this.frame.setAttribute("frameborder", "0", 0);      
   • ...     

this.frame.setAttribute("frameborder", "0", 0);后面那个'0'表示是否区分大小写。