为什么不设置“禁用”？的属性通过 JavaScript 标记可以在 IE 8 中工作吗？

Question

我正在实现一个 JavaScript 函数，该函数启用/禁用网站的两个 CSS 文件：

function switch_style ()
{
    var i, link_tag ;
    for (i = 0, link_tag = document.getElementsByTagName("link"); i < link_tag.length ; i++ ) 
    {
        if ((link_tag[i].rel.indexOf( "stylesheet" ) != -1) && link_tag[i].title) 
        {
            if(link_tag[i].title == "normal")
            {
                link_tag[i].disabled = true;
            }
            else if (link_tag[i].title == "contrast")
            {
                link_tag[i].disabled = false;
            }
        }
    }
    set_cookie( style_cookie_name, "contrast", style_cookie_duration );
}

如您所见，我启用或禁用链接标记。这适用于所有浏览器，但不适用于 IE8。

有已知的原因吗？

Answer 1

您正在切换的 disabled 属性link 元素。正如 MDC 上所说，

[t]他的属性是非标准的并且
仅某些 Microsoft 浏览器使用
并且作者不得使用。
要达到其效果，请使用其中之一
以下技术：

• 如果disabled属性已直接添加到页面，则不要
  改为包含 元素；
• 如果已通过脚本添加了 disabled 属性，请将其从
  通过脚本编写 DOM。

要从 DOM 中删除 link 元素，请使用 element .removeChild。

只是一个愚蠢的例子：如果您想删除页面上的第一个 link 元素，只需在浏览器的地址栏中输入此 JavaScript 函数即可：（

javascript:(function(){var a=document.getElementsByTagName('head')[0];a.removeChild(a.getElementsByTagName('link')[0])})();

我刚刚尝试过，看起来很有趣:)

Answer 2

如果您使用 removeAttribute('disabled') 而不是将其设置为 false 会怎样？