ie9 bug: 为tr设置 display none 崩溃

遇到一个ie9的bug:用js设置tr元素的样式为display:none 会引起ie崩溃。

查了一下,(感谢bing,鄙视百度)得到国外的一个解决方法http://stackoverflow.com/questions/11326697/tr-display-none-crashes-ie9

然后我自己又封装了一下:

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);

posted on 2013-02-20 15:52  大乖乖  阅读(400)  评论(0编辑  收藏  举报