javascript - 使用 JavaScript 添加样式表 IE 8

Question

我正在制作一个缩放按钮来添加和删除 CSS 文件，但出于某种原因我似乎无法在 IE 8 中添加它

首先我试过这个

document.createStyleSheet('style/zoom.css');

鉴于jquery解决方案

$("head").append($("<link my style sheet />"));

通过我的测试似乎只能在 FF 和 IE9 中工作

我检查了溢出并找到了这个解决方案

 $('#zoomlink').replaceWith($('<link>', {
        id: 'zoomlink',
        href: 'style/zoom.css',
        type: 'text/css',
        rel: 'stylesheet' 
 }));

但仍然找不到爱，所以很沮丧，我找到了这个

var $link = $('<link>');
    $('head').add($link);
    $link.attr({
      type: 'text/css',
      href: 'style/zoom.css',
      type: 'text/css',
      rel: 'stylesheet',
      media: 'screen'
});

我不确定这是否会奏效，但最后我决定是时候简单地发布一个问题了。

我仍然不确定稍后如何通过 javascript 删除样式表，但我需要首先确定如何在 IE 8 中添加新样式表。

Answer 1

也许这会有所帮助(抱歉，无法在 IE8 中尝试):

(function() {
    var s  = document.createElement('link');
    s.type = 'text/css';
    s.rel  = 'stylesheet';
    s.href = 'http://yourdomain.com/style.css';
    document.getElementsByTagName("head")[0].appendChild(s);
})();