Breaking News: Grepper is joining You.com. Read the official announcement!

Change css file with js

Meti answered on February 20, 2022 Popularity 9/10 Helpfulness 4/10

answer Change css file with js

Change css file with js

Comment

<!DOCTYPE html>
<html>
  <head>
    <title>Changing CSS extern file using only JavaScript</title>
    <link id="changeCSS" rel="stylesheet" type="text/css" href="positive.css"/>
    <script type="text/javascript">
      function changeCSS() {

        var oldlink = document.getElementById("changeCSS");
        var cssFile;

        if(oldlink.getAttribute('href') === 'positive.css') {
          cssFile = 'negative.css';
        }
        else {
          cssFile = 'positive.css';
        }

        var newlink = document.createElement("link");
        newlink.setAttribute("id", "changeCSS");
        newlink.setAttribute("rel", "stylesheet");
        newlink.setAttribute("type", "text/css");
        newlink.setAttribute("href", cssFile);

        document.getElementsByTagName("head").item(0).replaceChild(newlink, oldlink);
      }
    </script>
  </head>
  <body>
    <button onclick="changeCSS();">change</button>
    <div class="box">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</div>
  </body>
</html>

Popularity 9/10 Helpfulness 4/10 Language javascript

Source: stackoverflow.com

Tags: css file javascript

Link to this answer
Share Copy Link

Contributed on Feb 20 2022

Meti

0 Answers Avg Quality 2/10

Change css file with js

Contents

More Related Answers

Change css file with js

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.