重新加载页面而不更改DOM - Javascript

Question

我有一个我正在创建的网页，我正在尝试添加一个链接到顶部，它将添加一个css文件。我认为它不起作用，因为我加载页面，然后添加链接元素，它实际上从未将css文件中找到的样式放入元素。我尝试使用location.reload（）重新加载页面，但这使得链接元素远离页面。关于如何做到这一点的任何建议都会很棒。我宁愿不使用jquery，但如果需要，我可以。

当前代码：

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;

Answer 1

尝试添加

document.body.appendChild(fileRef);

或

document.head.appendChild(fileRef);

在该函数的末尾，取决于您希望链接的位置（标题或正文）。