替换 Javascript 中的 Head 样式表路径

Wel*_*ing 2 html javascript css stylesheet

我有以下 HEAD 标签

<head>
    <title>Test</title>
    <link id="css1" href="demo.css" rel="stylesheet" type="text/css">
</head>
Run Code Online (Sandbox Code Playgroud)

我希望能够在 Javascript 中以某种方式实现

document.head.children["css1"].href = "demo2.css";
Run Code Online (Sandbox Code Playgroud)

任何想法,我希望能够通过 id 进行更改,因为头部可能有更多标签

T.J*_*der 5

在之后的任何script标记中,您确实可以更新它:linkhref

document.getElementById("css1").href = "demo2.css";
Run Code Online (Sandbox Code Playgroud)

通常,最好将script标签放在末尾、结束</body>标签之前。就您而言,由于您正在更改 CSS,为了避免以前的样式在用户处“闪烁”,您可能希望它位于更高的位置,以便更快地处理它。