How to dynamically call css path in head section of an html page

Question

I want css path in the head section of an HTMl page, the path should come through an external JS file as I want to add multiple no. of css.

Curtis · Accepted Answer · 2012-06-11 10:27:09Z

2

function addCSS() {
        var headtg = document.getElementsByTagName('head')[0];
        if (!headtg) {
            return;
        }
        var linktg = document.createElement('link');
        linktg.type = 'text/css';
        linktg.rel = 'stylesheet';
        linktg.href = 'CSS/RoundCorners.css';
        linktg.title = 'Rounded Corners';
        headtg.appendChild(linktg);
    }

Source: http://www.devcurry.com/2009/07/how-to-add-css-link-programmatically.html

answered Jun 11, 2012 at 10:27

Curtis

104k69 gold badges280 silver badges359 bronze badges

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

2 Comments

amolD Over a year ago

Thanks a lot :) ... Is there any way to use multiple css so I can change the theme. Actually I was looking for the theme changes through css based JS but I stuck on the 1st step which is now solved as u help me...Thank you once again.

Curtis Over a year ago

@amolD You'd have to change an existing link element rather than append a new one. CoDe ADDict has already posted a link for switching stylesheets cssnewbie.com/simple-jquery-stylesheet-switcher

Collectives™ on Stack Overflow

How to dynamically call css path in head section of an html page

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related