您现在的位置是：网站首页> 编程资料编程资料
ie9崩溃现象当js设置tr元素样式为display:noneIE/火狐/Chrome操作display:none对象所遇问题解答css元素隐藏原理及display:none和visibility:hiddenIE7下父元素及子元素的隐藏顺序不当带来的display:none出现BUGdisplay:none和visibility:hidden的差别比较与演示代码如何通过 display:olck/none 完成一个菜单栏
2023-10-28
140人已围观
简介 在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);
查了一下，（感谢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);
相关内容
- 刀塔传奇每日活动列表 每日活动时刻表_手机游戏_游戏攻略_
- 秦时明月手游新手攻略 新人前期注意事项_手机游戏_游戏攻略_
- 秦时明月手游盖聂属性介绍 盖聂技能/缘讲解_手机游戏_游戏攻略_
- 秦时明月手游东皇太一属性介绍_手机游戏_游戏攻略_
- 秦时明月手游 紫色弟子真刚技能属性详解_手机游戏_游戏攻略_
- 我叫MT技能导师自杀攻略推荐之冬之严寒(高级暴风雪)_手机游戏_游戏攻略_
- 天天酷跑组合推荐完美组合搭配心得_手机游戏_游戏攻略_
- 天天酷跑新号积分抽蓝焰马仔视频教程推荐_手机游戏_游戏攻略_
- 天天酷跑审判女王极速世界满分视频教程推荐_手机游戏_游戏攻略_
- 天天酷跑牛仔柯柯和雷光狮哪个最好刷分 技能大比拼_手机游戏_游戏攻略_
