您现在的位置是：网站首页> 编程资料编程资料

ie9崩溃现象当js设置tr元素样式为display:noneIE/火狐/Chrome操作display:none对象所遇问题解答css元素隐藏原理及display:none和visibility:hiddenIE7下父元素及子元素的隐藏顺序不当带来的display:none出现BUGdisplay:none和visibility:hidden的差别比较与演示代码如何通过 display:olck/none 完成一个菜单栏

2021-09-07 1415人已围观

简介在css测试中遇到一个ie9的bug：用js设置tr元素的样式为display:none 会引起ie崩溃，很是郁闷,于是网上搜罗一下终于找到了解决方法，晒出来与大家分享，感兴趣的你可不要错过了哈

遇到一个ie9的bug：用js设置tr元素的样式为display:none 会引起ie崩溃。
查了一下，（感谢bing）得到国外的一个解决方法
然后我自己又封装了一下：

复制代码

代码如下:

function hideTR(element)
{
if ($.browser.msie)
{
if ($.browser.version == "9.0")
{
var po = null;
var loopObj = null;
for (loopObj = element; loopObj.tagName != "BODY"; loopObj = loopObj.parentNode)
{
if (loopObj.tagName == "TABLE")
{
po = loopObj;
break;
}
}
if (po == null) return;
var initValue = $(po).css("border-collapse");
$(po).css("border-collapse", "separate");
$(element).css("display", "none");
$(po).css("border-collapse", initValue);
}
else
{
$(element).css("display", "none");
}
}
else
{
$(element).css("display", "none");
}
}

以后写代码$(element).css("display","none");
就变成了hideTR(element);。
查了一下，（感谢bing，鄙视百度）得到国外的一个解决方法
然后我自己又封装了一下：

复制代码

代码如下:

function hideTR(element)
{
if ($.browser.msie)
{
if ($.browser.version == "9.0")
{
var po = null;
var loopObj = null;
for (loopObj = element; loopObj.tagName != "BODY"; loopObj = loopObj.parentNode)
{
if (loopObj.tagName == "TABLE")
{
po = loopObj;
break;
}
}
if (po == null) return;
var initValue = $(po).css("border-collapse");
$(po).css("border-collapse", "separate");
$(element).css("display", "none");
$(po).css("border-collapse", initValue);
}
else
{
$(element).css("display", "none");
}
}
else
{
$(element).css("display", "none");
}
}

以后写代码$(element).css("display","none");
就变成了hideTR(element);

上一篇：div层调整z-index属性在IE中无效原因分析及解决方法IE6 select z-index无效，遮挡div bug的解决方法z-index ie6下的解决方案 css设置z-index 失效的解决方法ie6 z-index不起作用的完美解决方法

下一篇：div+css实现类似winxp桌面图标布局(至上而下从左往右)HTML中利用div+CSS实现简单的箭头图标的代码jQuery页面固定div可拖动图标导航菜单html+css制作div标签增加右上角删除图标的示例代码

相关内容

点击排行

本栏推荐

猜你喜欢

-六神源码网