javascript - css 切换与 css 更改

Question

我想更改页面的css。我看到了两种方法：

使用该Jquery .css函数更改 html 中的每个标签。例子 ：

$("body").css("background : red")

或者禁用当前的 css 样式表并启用一个新的。

例子：

function switch_style ( css_title )
{
// You may use this script on your site free of charge provided
// you do not remove this notice or the URL below. Script from
// http://www.thesitewizard.com/javascripts/change-style-sheets.shtml
  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) {
      link_tag[i].disabled = true ;
      if (link_tag[i].title == css_title) {
        link_tag[i].disabled = false ;
      }
    }
  }
}

哪种方式更有效？或者也许有更好的方法？

Answer 1

还有第三种选择：提供body额外的类并body.class2在您的 CSS 中使用，而不是使用第二个样式表。