ie9奔溃状况当js设定tr元素款式为display:none

日期:2021-01-20 类型:科技新闻 

关键词:上线了小程序官网,年会抽奖小程序免费,做小程序,小程序网站,跑腿小程序

遇到1个ie9的bug:用js设定tr元素的款式为display:none 会引发ie奔溃。
查了1下,(谢谢bing)获得海外的1个处理方式
随后我自身又封裝了1下:

拷贝编码
编码以下:

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);。
查了1下,(谢谢bing,瞧不起百度搜索)获得海外的1个处理方式
随后我自身又封裝了1下:

拷贝编码
编码以下:

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);
上一篇:发现两个趣味的CSS3动漫实际效果 返回下一篇:没有了