Is there a way to include css files through variable in HTML file?

Question

I'm looking for a way to include css files through variable in html file.

<html>
  <head>
    <!-- variable = "/css/style.css" -->
    <link rel="stylesheet" href=variable>
    <link rel="stylesheet" href=variable>
  </head>
  <body>
    <!-- Do anything -->
  </body>
</html>

In what language? Are you doing this at `php` level (server side) or do you want to do it after the page loads, via `javascript` (client side)? For both, the answer is **yes, it's possible**. — tao, Dec 26 '15 at 04:20
This question is rigth here http://stackoverflow.com/questions/574944/how-to-load-up-css-files-using-javascript — Ignacio Chiazzo, Dec 26 '15 at 04:32

Ahmad Alfy · Accepted Answer · 2015-12-26T13:42:26.480

1

You can do that using JavaScript ... Create a JavaScript variable and according to its value change the value of the href attribute something like this

<link href="url.css" id="selector" type="text/css" />
<script> var variable = 'value`;  </script>
...
<script>
if (variable) {  // Or whatever you need to do
  document.getElementById("selector").href = "another.css";
}
</script>

edited Dec 26 '15 at 13:42

answered Dec 26 '15 at 04:34

Ahmad Alfy

13,107
6
65
99

It's simple. Why didn't I know this way. – demavend Dec 26 '15 at 04:39

score 0 · Answer 2 · answered Dec 26 '15 at 05:01

This also works....

 <script type="text/javascript">
                    var target = document.createElement("script");
                    target.type = "text/javascript";
                    target.src = "script/knockout.js";
                    document.getElementById('head').appendChild(target);

                    var cssTar = document.createElement("link");
                    cssTar.rel = "stylesheet";
                    cssTar.type = "text/css";
                    cssTar.href = "Scripts/StyleSheet1.css";
                    document.getElementById('headid').appendChild(cssTar);
           </script>

Is there a way to include css files through variable in HTML file?

2 Answers2