如何根据样式表将内容加载到html元素中？

Question

I'm having two style-sheets which can be loaded each by the user choice. My style-sheets are: one.css, two.css. What I want is: If the user change the theme I want the content to be changed too. What I did is:

function strcmp ( str1, str2 ) {
    return ( ( str1 == str2 ) ? 0 : ( ( str1 > str2 ) ? 1 : -1 ) ; 
}

(function(){

          var href = $('link').attr('href');
          console.log(href); // check what style-sheet

           if(strcmp(href,'one')==0)

             $("#p1").html('this is the content for one.css');  
             $("#p1").append("still for one.css"); 

           else if(strcmp(href,'two')==0)
             $("#p1").html('this is the content for two.css');  
             $("#p1").append("still for two.css");     

          })();

My method is not working, any ideas?

Answer 1

the href must be "one.css" and not just "one"

try this:

if(strcmp(href,'one.css')==0)