Javascript how to use external Css sheet

Question

   var mynewhtml = 
                  + '<link rel="stylesheet" type="text/css" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css"/>'
                  + '<div id="tabs">'
                  +  '<ul>'
                  +  '<li><a href="#tabs-1">Tab 1</a></li>'
                  +  '<li><a href="#tabs-2">Tab 2</a></li>'
                  +  '<li><a href="#tabs-3">Tab 3</a></li>'
                  +  '</ul>'
                  +  '<div id="tabs-1">'
                  + '<p>Lalalala</p>'
                  +  '</div>'
                  +  '<div id="tabs-2">'  
                  +  '</div>'
                  +  '<div id="tabs-3">'
                  +  '</div>'
                  + '</div>'

 $(mynewhtml).appendTo("body");

So I have a wegpage, but I can't alter the html, I can only add html via Jquery/javascript. Adding the html isn't a problem, but how can I use an external style sheet to set the style of my newly added html?

Thank you.

Why can you not edit the html but you can edit the javascript? — Albzi
– Albzi, Commented Feb 5, 2014 at 12:47
I'm making a userscript. So i can't alter thehtml file itself but I can alter the html via javascript — user3117628
– user3117628, Commented Feb 5, 2014 at 12:56

Bikas · Accepted Answer · 2014-02-05 12:48:53Z

0

Just try this

$('head').append('<link rel="stylesheet" type="text/css" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css"/>');

answered Feb 5, 2014 at 12:48

Bikas

2,76918 silver badges33 bronze badges

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

1 Comment

user3117628 Over a year ago

I now have <link rel="stylesheet" type="text/css" href="code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css"> in my head, but my list stays a normal list while it should be this : jqueryui.com/tabs/#default

Community · Accepted Answer · 2017-05-23 10:29:31Z

0

For detailed explination you can refer this thread as well.

how to add anything in <head> through jquery/javascript?

edited May 23, 2017 at 10:29

CommunityBot

11 silver badge

answered Feb 5, 2014 at 13:02

Learner

8101 gold badge13 silver badges35 bronze badges

Collectives™ on Stack Overflow

Javascript how to use external Css sheet

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related