`
thoreau
  • 浏览: 356759 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

IE与firefox对display隐藏元素的写法

 
阅读更多

在css中IE对display的支持还是比较好的,如下的一段代码

<TABLE>
  <TR>
	<TD>一行一列</TD>
	<TD>一行二列</TD>
  </TR>
  <TR style="display:'none';">
	<TD>二行一列</TD>
	<TD>二行二列</TD>
  </TR>
  <TR>
	<TD>三行一列</TD>
	<TD>三行二列</TD>
  </TR>
  </TABLE>

 红色部分为隐藏表格第二行功能,在IE中这样写没问题,但是在firefor中会发现没效果,在firefox中必须写成

style="display:none;"

 

但是IE中两各写法都是支持的

 

 

另外发现在用childNodes方法时两种浏览器也是不一样的,IE中是将代码中的<与>两个括号中的元素视为一个dom元素,而忽略>与<之间的一此空白和换行,但是firefox会将>与<的空白和换行也计算在内

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics