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 进行更改,因为头部可能有更多标签
在之后的任何script标记中,您确实可以更新它:linkhref
document.getElementById("css1").href = "demo2.css";
Run Code Online (Sandbox Code Playgroud)
通常,最好将script标签放在末尾、结束</body>标签之前。就您而言,由于您正在更改 CSS,为了避免以前的样式在用户处“闪烁”,您可能希望它位于更高的位置,以便更快地处理它。