css switching vs. css changing

Question

I'd like to change the css of a page. I see two ways of doing it :

Using the Jquery .css function to change every tag in the html. example :

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

Or disabling the current css stylesheet and enable a new one.

example:

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

Which way is the more efficient ? Or maybe there is better ways ?

There's a third option: giving the body an extra class and using body.class2 in your CSS instead of using a second stylesheet. — Tom van der Woerdt
– Tom van der Woerdt, Commented Jun 23, 2013 at 23:46

Tom van der Woerdt · Accepted Answer · 2013-06-24 00:00:18Z

6

There's a third option: giving the body an extra class and using body.class2 in your CSS instead of using a second stylesheet.

answered Jun 24, 2013 at 0:00

Tom van der Woerdt

30k7 gold badges76 silver badges105 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

css switching vs. css changing

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related