Reload Page without changing DOM - Javascript

Question

I have a webpage that I am creating, and I am trying to add a link to the top that will add a css file. I think that it is not working because I load the page, then add the link element and it never actually puts the styles found in the css file to the elements. I tried having it reload the page using location.reload(), but that took the link element away from the page. Any suggestions on how to do this would be great. I would prefer not to use jquery, but I can if needed.

Current Code:

function findCss() {
    var fileref=document.createElement("link")
    fileref.setAttribute("rel", "stylesheet")
    fileref.setAttribute("type", "text/css")
    fileref.setAttribute("href", "styles/index.css")
}

window.onload = findCss;

Oskar Eriksson · Accepted Answer · 2015-08-19 19:20:45Z

2

Try adding

document.body.appendChild(fileRef);

or

document.head.appendChild(fileRef);

at the end of that function, depending on where you want the link to be put (header or body).

answered Aug 19, 2015 at 19:20

Oskar Eriksson

2,63119 silver badges33 bronze badges

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

Collectives™ on Stack Overflow

Reload Page without changing DOM - Javascript

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related