Home/ Questions/Q 8117601
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-06T04:13:39+00:00

I have a html + css + javascript application. I want to be able

  • 0

I have a html + css + javascript application.
I want to be able to enable theming.

All my css are replicated in two folders: /theme1/… and /theme2/…

So my html looks like:

<!DOCTYPE html>
<html>
    <head>
        <link rel="stylesheet" href="theme1/file1.css"/> 
        <link rel="stylesheet" href="theme1/file2.css"/> 
         .... 
         ....
    </head>
    <body>  
    .....
    </body>
</html>

I want to be able to change using javascript the home folder of the css (theme1 to theme2).

Any ideas?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Here is what you will need to solve the problem:

    • Get the relevant tags. In this case, any link tag with rel="stylesheet" will probably do, but you can even go so far as to specify “starting with theme1” if you want. This can all be done with document.querySelectorAll("link[rel=stylesheet][href^=theme1]")
    • Loop through them. A simple for loop will do nicely.
    • getAttribute("href") gets the string you need.
    • replace() will allow you to replace the part of the string you want.
    • setAttribute("href",newattr) will put the attribute back into the tag.
    • 0