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

IE7下动态创建Iframe时,去除边框
2008-09-24 12:04

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

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

 

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

js 代码
  1. < IFRAME frameBorder=0...

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

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

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

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

posted @ 2008-10-29 09:50  Max Woods  阅读(1387)  评论(2编辑  收藏  举报