Call cascade style sheet using javascript

Question

I have a requirement where I need to call the main css file using javascript into the header section. So basically instead of having the below line within the headers

<link rel="stylesheet" href="css/main.css">

How can I call it using javascript within the header tags?

score 1 · Accepted Answer · answered Jul 07 '15 at 18:47

1

You mean something like this

document.head.innerHTML+='<link rel="stylesheet" href="css/main.css">';

answered Jul 07 '15 at 18:47

nicael

18,550
13
57
90

I haven't tried it yet but looks good. thanks. what does `+=` mean here? – Bekki Jul 07 '15 at 18:49
@Bekki append operator? – nicael Jul 07 '15 at 18:50
thanks. I'll give it a try now. :) – Bekki Jul 07 '15 at 18:50
Works perfect. :) I'll mark it as answered in couple of minutes. +25 – Bekki Jul 07 '15 at 18:53
1

@Bekki +25 will be after 9 mins, when you can accept :D Now you can give only +10. – nicael Jul 07 '15 at 18:53
just one quick question. If I need to add two css files, could this be written in a single line or do I need to repeat `document.head.innerHTML+=''` twice? – Bekki Jul 07 '15 at 19:00
@Bekki Single line is enough. No need to repeat. `document.head.innerHTML+='...'` would be valid. – nicael Jul 07 '15 at 19:00
So doing this is okay `document.head.innerHTML+='';` ? – Bekki Jul 07 '15 at 19:01
1

@Bekki Yes, absolutely okay. – nicael Jul 07 '15 at 19:02

Call cascade style sheet using javascript

1 Answers1